Dropdown Button

A Dropdown Button groups multiple actions in one triggering UI element, optimizing the space in condensed areas or action-heavy pages.

Component status

Design documented

The component is fully documented

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Update required

Introduction

The Dropdown Button combines a Button and an Overflow Menu. When clicked, it displays a list of associated actions instead of triggering a single action. This optimizes space and helps users focus on their main goals by keeping the interface clean and distraction-free.

Button

Icon Button

Dropdown Button

Component status

Introduction

Related components