Voice UI Kit
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>
PropTypeDefault
rounded?
"base" | "none" | "sm" | "md" | "lg" | "xl"
"base"
shadow?
"none" | "xshort" | "short" | "long" | "xlong"
"short"