Dropdown Menu / Action Menu

Customizable dropdown menus with actions, checkboxes, radio groups, and submenus

📚 Built on top of Radix UI Dropdown Menu with shadcn styling

HeroUI Action Menu Examples

Comprehensive dropdown menu component built with HeroUI

Basic Action Menu

Simple dropdown with action items

← Click the menu icon

With Menu Label & Shortcuts

Menu with a header label and keyboard shortcuts

Custom Trigger

Using a custom button as the trigger

Grouped/Sectioned Items

Items organized in labeled sections

Single Selection (Radio)

Single selection from a list of options

Selected: system

Selection with Value in Trigger

Display the selected value in the trigger button

Multiple Selection with Count in Trigger

Show selected count in the trigger button

Multiple Selection

Select multiple items at once

Selected: 0 items

With Descriptions

Menu items with helpful descriptions

Custom Header

Using customHeader for complex headers with user info

Trigger Variants

Horizontal vs Vertical dot menu triggers

Horizontal
Vertical

Colors & Variants

Different visual styles

Complete Example

Combining multiple features: sections, selections, custom trigger