Skip to main content

Menu()

Menu<T>(__namedParameters): Element

Menu - A dropdown menu component with keyboard navigation and selection

Provides accessible dropdown menu functionality with support for single and multiple selection modes. Includes sections, separators, and submenu support with comprehensive keyboard navigation and ARIA compliance.

Type Parameters​

T​

T extends object

Parameters​

__namedParameters​

MenuProps<T>

Returns​

Element

Examples​

// Basic menu with trigger
<MenuTrigger>
  <Button>Open Menu</Button>
  <Menu>
    <MenuItem>Edit</MenuItem>
    <MenuItem>Copy</MenuItem>
    <MenuItem>Delete</MenuItem>
  </Menu>
</MenuTrigger>
// Menu with sections and separators
<MenuTrigger>
  <Button>Open</Button>
  <Menu>
    <MenuSection>
      <MenuItem>New File</MenuItem>
      <MenuItem>Open File</MenuItem>
    </MenuSection>

    <MenuSeparator />

    <MenuItem>Settings</MenuItem>
  </Menu>
</MenuTrigger>
// Menu with selection
<MenuTrigger>
  <Button>Group</Button>
  <Menu selectionMode='multiple'>
    <MenuItem>Option 1</MenuItem>
    <MenuItem>Option 2</MenuItem>
  </Menu>
</MenuTrigger>
// Menu with submenu
<MenuTrigger>
  <Button>Actions</Button>
  <Menu>
    <MenuItem>New File</MenuItem>
    <MenuSubmenu>
      <MenuItem>Export</MenuItem>
      <Menu>
        <MenuItem>Export as PDF</MenuItem>
        <MenuItem>Export as CSV</MenuItem>
        <MenuItem>Export as JSON</MenuItem>
      </Menu>
    </MenuSubmenu>
    <MenuItem>Delete</MenuItem>
  </Menu>
</MenuTrigger>