ThiloDesign System
DV

Dropdown Menu

shadcn/ui
9 sub-components

Contextual action menu that opens on click. Use for row actions, column visibility, and context menus.

@/components/ui/dropdown-menu

Examples

Basic

With shortcuts & groups

Checkbox items

Icon trigger (row action)

In-context — table row actions

IDStatusPriorityPartner
T7A3763
Open
NormalBanana Corp
T63JK93
In Review
NormalOrange Ltd
T733U67
Open
CriticalPlum Logistics

Sub-components

ComponentRole
DropdownMenuRoot — manages open/closed state
DropdownMenuTriggerElement that opens the menu on click
DropdownMenuContentThe floating menu container
DropdownMenuItemA single clickable item
DropdownMenuLabelNon-interactive group heading inside the menu
DropdownMenuSeparatorHorizontal divider between item groups
DropdownMenuShortcutKeyboard shortcut — right-aligned, faded
DropdownMenuGroupLogical grouping with no visual treatment
DropdownMenuCheckboxItemCheckable item — shows a check icon when checked

On this page