Button Group

A button group is a combination of multiple buttons related to each other.

#Example

#Usage

#Left alignment

Use left alignment in forms or other page content. This should be a default choice in most cases. Primary button is positioned first and secondary buttons are last.

#Center alignment

Use center alignment in empty or error states. Primary button is positioned first and secondary buttons are last. Try to use no more than two buttons when button group is aligned to center.

#Right alignment

Use right alignment in dialogs, wizards and toolbars. Secondary buttons are positioned first and primary buttons are last.

#Guidelines

#When to use

• When there are at least two buttons positioned near each other.

#When not to use

• When there's only one button in a group.

#Content

• Only buttons are acceptable as children to this component.

#Props

Inherits margin props.

Name	Default	Description
children	—	ReactNode Buttons.