Skip to main content

What are you looking for?

Try searching for…

Components

Dropdown

Dropdown is a generic dropdown list. It lays the foundation for building menus and lists.

We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.

There is built-in accessibility in the Popover API for open and closed state, as well as keyboard navigation.

Keyboard navigation

  • Enter or Space opens or closes the menu
  • Enter or Space selects the highlighted item
  • Esc closes the menu

Arrow key navigation

You can combine Dropdown with focusgroup to enable arrow navigation between items.

Edit this page on github.com (opens in a new tab)