Basic
With Disabled Items
Sub-components
| Component | Props | Description |
|---|---|---|
| Menu | open, onOpenChange | Root container (wraps Radix DropdownMenu) |
| Menu.Trigger | asChild, children | Element that toggles the menu |
| Menu.Content | className, side, align | The dropdown panel |
| Menu.Item | className, onSelect, disabled | A selectable menu item |
Usage
<Menu>
<Menu.Trigger asChild>
<Button>Open Menu</Button>
</Menu.Trigger>
<Menu.Content>
<Menu.Item>Edit</Menu.Item>
<Menu.Item>Duplicate</Menu.Item>
<Menu.Item disabled>Delete</Menu.Item>
</Menu.Content>
</Menu>