Directory Live playground All specimens Keyboard-navigable action menu family with items and one-level submenus.
MenuMenuItemSubmenuonMenuSelectMenuSelectEventBrowse 72 component families theme graphite petrol
scheme auto light dark
Preview
Menu is a client popup; a permanently open imitation would not represent its focus and dismissal behavior. This server-rendered page does not imitate client behavior. Open the live playground.
Usage Menu usage <Menu label="Row actions" trigger="⋯" ><MenuItem name="rename" >Rename</MenuItem ><Submenu label="Move to" >…</Submenu ></Menu >API Menu API MenuProps Menu props prop type notes label string Accessible name for the menu ("Row actions", "View"). trigger? RemixNode Trigger content. Defaults to the label text; pass a glyph ("⋯") for icon triggers — the label still names the control for AT. variant? BtnVariant Trigger button look (default quiet — menus are secondary chrome). size? BtnSize children? RemixNode MenuItem children (plus kit Separators between groups). disabled? boolean mix? MixInput
MenuItemProps MenuItem props prop type notes name string Selection identity — `onMenuSelect` events carry it. type? 'checkbox' | 'radio' 'checkbox' | 'radio' for stateful items; omit for plain actions. checked? boolean value? string disabled? boolean searchValue? string | string[] Typeahead value(s) when children aren't plain text. children? RemixNode mix? MixInput
SubmenuProps Submenu props prop type notes label string The trigger row's label. menuLabel? string Accessible name for the CHILD menu (defaults to `label`). disabled? boolean searchValue? string | string[] Typeahead aliases — additive to the label (kit law). children? RemixNode MenuItem children of the child menu. mix? MixInput
More in Actions More in Actions ← IconButton Popover →