MenuItem API
API reference docs for theMenuItemcomponent. For examples and details on the usage of this component, visit the component demo page.
Props
| Props | Type | Description | Default |
|---|---|---|---|
children | ReactNode | The content/components to appear in the fluid center | _ |
isDisabled? | boolean | Indicates if the menu item is currently disabled. Used for styling and accessibility. Applies an aria-disabled attribute | false |
isHighlighted? | boolean | Indicates if the menu item is currently highlighted. Used for styling. Applies a data-highlighted attribute | false |
isSelected? | boolean | Indicates if the menu item is currently selected. Used for styling. Applies a data-selected attribute | false |
railEnd? | ReactNode | The content/components to appear in the end rail | _ |
railStart? | ReactNode | The content/components to appear in the start rail | _ |
size? | 'standard' | 'large' | The size of the menu item | 'standard' |
verticalAlign? | 'bottom' | 'middle' | 'top' | Determines how the rails and center are vertically aligned to each other. A typography or heading can be provided to center align icons and with text that may wrap | 'middle' |