Getting started
Foundation
Typography
Navigation
Feedback
Forms
A button group is a combination of multiple buttons related to each other.
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.
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.
Use right alignment in dialogs, wizards and toolbars. Secondary buttons are positioned first and primary buttons are last.
Inherits margin props.
Name | Default | Description |
---|---|---|
children | — | ReactNode Buttons. |