Dropdown Menu

Displays a menu to the user - such as a set of actions or functions - triggered by a button.

Full Example

A comprehensive dropdown menu with groups, submenus, shortcuts, and disabled items.

Basic

A simple dropdown menu with items.

With Icons

Menu items can include icons.

With Checkboxes

Menu items can be checkboxes for toggling options.

With Radio Items

Use radio items for single-selection options.

With Submenus

Dropdown menus can have nested submenus.

With Groups

Group related items together with labels.

Disabled Items

Menu items can be disabled.

Keyboard Navigation

Dropdown menus support full keyboard navigation:

Arrow Down/Up - Navigate between items
Arrow Right - Open submenu
Arrow Left - Close submenu
Enter/Space - Select item
Escape - Close menu
Home/End - Jump to first/last item

Open Markdown

ProDropdown Menu

Nested command menus and keyboard navigation.

Proa UI Pro component source is proprietary and requires an accepted Proa UI Pro Commercial License Agreement. Subject to that agreement, the self-serve license includes the limited commercial Proa framework rights needed to use Proa UI Pro in closed-source products.

View Pro pricing

Install with the Proa CLIPro access

$ proa ui add dropdown_menu

Requires an active Proa UI Pro license and access to the private component registry.

CLI and registry setup