Skip to main content

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>