Display a list of actions or options.
Default
With Submenu
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061| Component | Prop | Type | Default | Description |
|---|---|---|---|---|
DropdownMenu | open?, onOpenChange?, modal? | boolean, function, boolean | — | Root component. Must contain DropdownMenuTrigger and DropdownMenuContent |
DropdownMenuTrigger | asChild? | boolean | false | Trigger element that opens the menu |
DropdownMenuContent | side?, align?, sideOffset?, className? | string, string, number, string | — | Container for menu items |
DropdownMenuItem | inset?, disabled?, className? | boolean, boolean, string | — | Standard menu item |
DropdownMenuLabel | inset?, className? | boolean, string | — | Section label for grouping items |
DropdownMenuSeparator | className? | string | — | Visual separator between menu sections |
DropdownMenuCheckboxItem | checked, onCheckedChange, className? | boolean, function, string | — | Menu item with checkbox state |
DropdownMenuRadioItem | value, className? | string, string | — | Menu item with radio state (use within DropdownMenuRadioGroup) |
DropdownMenuSub | — | — | — | Container for submenu (use with DropdownMenuSubTrigger and DropdownMenuSubContent) |
DropdownMenuSubTrigger | inset?, className? | boolean, string | — | Trigger for submenu |