MenuItem

An action or selectable choice within a Menu.

Props

React props
NameTypeRequiredDefaultDescription
leadingIconIconNoOptional icon displayed before the label.
trailingIconIconNoOptional icon displayed after the label.
classNamestring | ClassNameComponent<MenuItemInterface>NoClasses or state-aware element classes applied through the shared style contract.
childrenReactNodeNoCustom visible label content; falls back to `label`.
disabledbooleanNofalsePrevents activation, selection changes, and keyboard focus.
valuestring | numberNoStable application value emitted or consumed by a parent selection surface.
labelstringNoText label used when an adapter does not project custom content.
variantMenuVariantNoOverrides the color treatment inherited from the parent Menu.
selectionTypeMenuItemSelectionTypeNoDeclares whether the item is an action, radio-like choice, or checkbox-like choice.
selectedbooleanNoControlled selection state.
defaultSelectedbooleanNofalseInitial selection state when uncontrolled.
onSelectedChange(selected: boolean) => voidNoNotifies each accepted selection transition exactly once.
hrefstringNoOptional navigation target; disabled links omit the native href.