DropdownMenu

Toggleable menu anchored to a trigger element. Arrow keys to navigate, Enter/Space to select, Escape to dismiss.

Usage

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
} from '@bwo-ui/react';

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button>Actions</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem onSelect={() => save()}>Save</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem onSelect={() => del()}>Delete</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Props — DropdownMenuContent

Prop	Type	Default	Description
`side`	`'top' \| 'right' \| 'bottom' \| 'left'`	`'bottom'`	Preferred side relative to the trigger; flips if it overflows.
`align`	`'start' \| 'center' \| 'end'`	`'start'`	Alignment along the side axis.
`sideOffset`	`number`	`6`	Gap from the trigger.