COMPONENTS

Button Group

Button Group styles individual buttons that have a logical relationship into one cohesive group.

View GSUI Toolkit Documentation (Internal Only)

Buttons within Button Group should be related actions, but will not not maintain selection state. For buttons that are a related group and also need to maintain a selected state, use Button Select.

Button
Button Group

Variations

There are four types of individual buttons that can be used in a button group – icon only, basic, leading icon and trailing icon.

Appearance

Orientation

Button Group can be oriented horizontally or vertically.

Styles

There are four core action types that have defined styles – primary, secondary, tertiary and destructive. These can be applied to each button in the button group.

Sizes

Button groups can be displayed in large, medium and small sizes. All buttons within a button group should use the same size.

Button

Buttons allow a user to take an action.

Button Select

Select buttons are a group of buttons that enable users to make a single or multi selection, similar to radios and checkboxes.

Contents