Skip to content

Design Library

Dropdowns

Dropdowns allow you to group similar controls under one roof. They're an effective way to de-clutter your page whilst offering users the actions they need.

The overflow button displays a temporary menu of actions that relate to one another.

DoDon't
Use dropdowns to avoid overcomplicating your pageAvoid moving important, commonly used actions to dropdowns
Use dropdowns to offer quick access to a subpage's actionsDon't overcomplicate your dropdowns, avoid using more than one level of submenus
Use color to emphasise differences between actions