HarmonyUI

Dropdown menu

A dropdown menu displays a list of actions or options when triggered by a button.

Usage

The dropdown menu component provides a menu of actions or options. It features full keyboard navigation following ARIA practices, including Enter/Space to open, arrow keys to navigate, and Escape to close.

Keyboard Interaction

Enter Opens the menu and places focus on the first menu item
Space Opens the menu and places focus on the first menu item
↓ Opens the menu and moves focus to the first menu item
↑ Opens the menu and moves focus to the last menu item
Esc Closes the menu and returns focus to the trigger
Home Moves focus to the first menu item
End Moves focus to the last menu item

Basic