Dropdown Menu

Click-activated menus with rich content options. The menu acts as a "tray" with items appearing as white "capsules" on hover.

Basic Dropdown

A simple dropdown menu with icons and keyboard shortcuts. Default alignment is start (left).

Inverted Canvas

Tinted canvas block with a white menu surface.

Quick actions

White menu surface on tinted canvas.

Nested Submenus

Dropdown menus can contain nested submenus for complex navigation.

Alignment Options

Dropdowns can align to start, center, or end of the trigger.

Grouped Items

Items can be organized into labeled groups for better organization.