Dropdowns

  1. Components
  2. Dropdowns

Workspace actions

Quick navigation to everyday tools.

Theme variants

Reuse the project button styles.

Split action

Keep the primary action separate from the menu.

Create invoice

Menu alignment

Align the menu to the end of its trigger.

Opening directions

Choose a placement that fits the available space.

Sectioned menu

Organize links with headers and dividers.

Profile dropdown

Include identity information above account links.

Liam CarterProduct Manager
View profileProfile settings

Filter menu

Select multiple options while keeping the menu open.

Selection preview only.

Searchable menu

Find a destination inside a longer list.

Compact icon menu

A smaller trigger for table rows and cards.

Research summary.pdfDocument / 2.4 MB

Button sizes

Use standard size utilities for the trigger.

Contextual menu

Add a brief explanation alongside related actions.

Workspace onboarding

Find the files, tasks, and people behind this project.

Project filesTask workspaceProject lead

Notification inbox

Recent workspace updates.

Sort records

Select the preferred ordering.

Download formats

Preview a report format.

Display preferences

Choose details to display.

Team picker

Preview teammate selection.

Workspace shortcuts

Navigate to related pages.

FilesTasksCalendarProfile

Language selector

Preview a regional preference.

Help menu

Workspace guidance and resources.

Frequently asked questionsTerms and conditions