Menu
Menu Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
align | 'start' | 'center' | 'end' | — | |
side | 'top' | 'right' | 'bottom' | 'left' | — | |
sideOffset | number | — |
Related Components
MenuTriggerMenuButton
Usage
<MenuTrigger>
<MenuButton asChild>
<Button>Options</Button>
</MenuButton>
<Menu>
<MenuHeader>Account</MenuHeader>
<MenuItem icon={<Settings size={16} />}>Settings</MenuItem>
<MenuSeparator />
<MenuItem variant="danger" icon={<LogOut size={16} />}>Sign Out</MenuItem>
</Menu>
</MenuTrigger><MenuItem icon={<Edit size={16} />} shortcut="⌘E">
Edit
</MenuItem>