Navigation

Dropdown Menu

Nested tree menu with hover and drill modes. Supports toggle, radio, dividers, icons.

Hover Mode (default)

Submenus fly out on hover.

Drill-down Mode

Click to navigate into submenus. Arrow returns to parent.

Right Aligned
Usage
import { DropdownMenu } from '@pulsesync/uikit'
import type { DropdownMenuItem } from '@pulsesync/uikit'

const items: DropdownMenuItem[] = [
  { key: 'open', label: 'Open', onClick: () => {} },
  { key: 'sub', label: 'Submenu', children: [
    { key: 'a', label: 'Option A', onClick: () => {} },
  ]},
]

<DropdownMenu items={items}>
  <Button variant="control">Menu ▾</Button>
</DropdownMenu>