Skip to content

Menu

Dropdown menu opened via button. Supports typeahead and keyboard navigation.

Note: This component renders content inside of a Drawer at small viewports.

MenuButton extends the Button component.

Code Editor
Code Editor

MenuLink extends the Link component.

Code Editor

The trigger is still wrapped by an unstyled button.

Code Editor
Code Editor
Code Editor

The position will automatically adapt based on the window bounds.

Code Editor

Specify a max height to automatically overflow items. When focusing an item via keyboard, it will be scrolled into view.

Code Editor

Loop to beginning or end when reaching the bounds with keyboard selection.

Code Editor

Less compact layout.

Code Editor

Automatically adds a border between MenuItems (including MenuLinks).

Code Editor
Code Editor