ComponentsButton Group

Button Group

Use GdsButtonGroup to group related button actions. It is a thin wrapper around MUI ButtonGroup with GDS button styling and tokenized separator line colors.

Default

Type

Use a basic group for peer actions. Use a split group when the primary action has related options.

Variants

Button groups support the same contained, outlined, and text variants as buttons.

Sizes

Use large, medium, or small to match the grouped button density to the surrounding UI.

Colors

Use primary for brand actions and secondary for neutral grouped actions.

Props