Menu

Menus display a list of choices on a temporary surface.

Props

React props
NameTypeRequiredDefaultDescription
classNamestring | Partial<Record<"menu", string>> | ClassNameComponent<MenuInterface>NoRoot classes (string), static element classes (object), or state-aware element classes (function).
childrenReactNodeNoMenuItem children, or MenuGroup children containing their related MenuHeadline.
variantMenuVariantNostandardVisual color treatment shared by the menu family.
purposeMenuPurposeNoactionsSelects action-menu or option-list semantics.
accessibleLabelstringNoAccessible name used when no external labelled-by relationship exists.
initialFocusMenuInitialFocusNononeFocus target applied when the menu is mounted in a popup.