ButtonGroup

ButtonGroup should be used as a wrapper around related Buttons, in places such as the footer of a dialog. It does two things:

• allows for moving the focus between the buttons with left/right arrow keys.
• applies the right spacing between the buttons

Live example

Result

Loading...

Live Editor

<ButtonGroup> <Button>Cancel</Button> <Button autoFocus>Disconnect</Button> <Button variant="default">Terminate</Button> </ButtonGroup>

<ButtonGroup>
  <Button>Cancel</Button>
  <Button autoFocus>Disconnect</Button>
  <Button variant="default">Terminate</Button>
</ButtonGroup>