Primitives
Dropdown Menu
Accessible menu with items, labels, separators and submenus.
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from "@pipecat-ai/voice-ui-kit";
<DropdownMenu>
<DropdownMenuTrigger>Open</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuLabel>Menu Label</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem>Item 1</DropdownMenuItem>
<DropdownMenuItem>Item 2</DropdownMenuItem>
<DropdownMenuItem>Item 3</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuCheckboxItem checked={true}>Item 1</DropdownMenuCheckboxItem>
<DropdownMenuCheckboxItem checked={false}>Item 2</DropdownMenuCheckboxItem>
<DropdownMenuCheckboxItem checked={false}>Item 3</DropdownMenuCheckboxItem>
</DropdownMenuContent>
</DropdownMenu>
Prop | Type | Default |
---|---|---|
rounded? | "base" | "none" | "sm" | "md" | "lg" | "xl" | "base" |
shadow? | "none" | "xshort" | "short" | "long" | "xlong" | "short" |