Skip to content

Button group

A layout component used to group multiple related actions a user can take.

Features

Applies recommended spacing between buttons.
Aligns buttons to the group's vertical center.

When to use

From left to right, order the buttons from least to most important.
The component supports any number of buttons, but is mainly intended for two.
The component supports any combination of buttons, but is mainly intended for a set consisting of a secondary and a primary Button.

Button: A clickable element which communicates that users can trigger an action.
Icon button: Enables users to control the visibility of other UI elements.

Didn't find what you were looking for?

Let us know in #team-design-systems or make a request.

On this page