Dropdown Menu

Displays a menu of options that can be used for navigation, settings, or actions.

Installation

CLI

Install the component using the StarUI CLI:

star add dropdown-menu

Examples

Submenu

Nested menus using DropdownMenuSub, SubTrigger, and SubContent. The chevron-right icon is added automatically. Two independent submenus demonstrate cascading navigation.

Checkbox Items

Toggle settings on and off with DropdownMenuCheckboxItem. Each item binds to a boolean signal — the status bar above reflects state changes in real time.

Grid: · Rulers: · Auto-save:

Radio Group

Single-select within a group via shared signal on DropdownMenuRadioGroup. Selecting one item deselects the others automatically.

Current theme: system

Shortcuts

Icon-button trigger (variant='ghost', size='icon') with DropdownMenuShortcut for keyboard hints. Groups separate related actions. Paste is disabled to show the disabled state.

API Reference

Component	Description
`DropdownMenu`	Root container with signal-driven open state
`DropdownMenuTrigger`	Button that toggles the menu via popover API
`DropdownMenuContent`	Positioned content panel with side, align, and side_offset
`DropdownMenuItem`	Clickable item with optional icon, variant, disabled, and inset
`DropdownMenuCheckboxItem`	Toggleable item bound to a boolean signal
`DropdownMenuRadioGroup`	Container for mutually exclusive radio items sharing a signal
`DropdownMenuRadioItem`	Single-select item within a radio group
`DropdownMenuSub`	Wrapper for nested submenu with its own open state
`DropdownMenuSubTrigger`	Item that opens a submenu (chevron-right added automatically)
`DropdownMenuSubContent`	Positioned panel for submenu items
`DropdownMenuSeparator`	Horizontal rule between menu sections
`DropdownMenuLabel`	Non-interactive heading with optional inset alignment
`DropdownMenuShortcut`	Right-aligned keyboard shortcut hint
`DropdownMenuGroup`	Semantic grouping container for related items