MenuItem

Menu items are the individual choices a menu offers.

Props

React props
NameTypeRequiredDefaultDescription
leadingIconIconNo—Optional icon displayed before the label. In action menus, commands share this leading column when any command uses an icon; selection items keep their own indicator.
trailingIconIconNo—Optional decorative icon displayed after the label; use MenuSubmenu for a chevron that opens another menu.
labelstringNo—Text label used when an adapter does not project custom content.
valuestring | numberNo—Stable application value emitted or consumed by a parent selection surface.
disabledbooleanNofalsePrevents activation, selection changes, and keyboard focus.
variantMenuVariantNo—Overrides the color treatment inherited from the parent Menu.
selectionTypeMenuItemSelectionTypeNo—Declares whether the item is an action, radio-like choice, or checkbox-like choice.
selectedbooleanNo—Controlled selection state.
defaultSelectedbooleanNofalseInitial selection state when uncontrolled.
onSelectedChange(selected: boolean) => voidNo—Notifies each accepted selection transition exactly once.
childrenReactNodeNo—Custom visible label content; falls back to `label`.
classNamestring | Partial<Record<"stateLayer" | "leadingIcon" | "trailingIcon" | "selectedItem" | "menuItem" | "itemLabel" | "itemIcon", string>> | ClassNameComponent<MenuItemInterface>No—Classes or state-aware element classes applied through the shared style contract.
hrefstringNo—Navigation target; disabled links omit the native href.