ButtonGroup

Variants

Use the variant prop to help communicate purpose. Note that the variant prop may be set on the root or on individual children.

<DemoLayout>
  <ButtonGroup variant="success" aria-label="Shopping options">
    <Button>Donate $5</Button>
    <Button>Donate $10</Button>
  </ButtonGroup>
  <ButtonGroup variant="warning" aria-label="Shopping options">
    <Button>Revoke Author Permissions</Button>
    <Button>Revoke Group Permissions</Button>
  </ButtonGroup>
  <ButtonGroup variant="danger" aria-label="Shopping options">
    <Button>Send Storm Watch</Button>
    <Button>Send Storm Warning</Button>
  </ButtonGroup>
</DemoLayout>