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'