Button Group

Colors

<ButtonGroup> <Button theme="primary">Primary</Button> <Button theme="secondary">Secondary</Button> <Button theme="success">Success</Button> <Button theme="info">Info</Button> <Button theme="warning">Warning</Button> <Button theme="danger">Danger</Button> </ButtonGroup>

<ButtonGroup>
  <Button theme="primary">Primary</Button>
  <Button theme="secondary">Secondary</Button>
  <Button theme="success">Success</Button>
  <Button theme="info">Info</Button>
  <Button theme="warning">Warning</Button>
  <Button theme="danger">Danger</Button>
</ButtonGroup>

Outline

<ButtonGroup> <Button outline theme="primary">Primary</Button> <Button outline theme="secondary">Secondary</Button> <Button outline theme="success">Success</Button> <Button outline theme="info">Info</Button> <Button outline theme="warning">Warning</Button> <Button outline theme="danger">Danger</Button> </ButtonGroup>

<ButtonGroup>
  <Button outline theme="primary">Primary</Button>
  <Button outline theme="secondary">Secondary</Button>
  <Button outline theme="success">Success</Button>
  <Button outline theme="info">Info</Button>
  <Button outline theme="warning">Warning</Button>
  <Button outline theme="danger">Danger</Button>
</ButtonGroup>

Active

<ButtonGroup> <Button outline active theme="primary">Primary</Button> <Button outline active theme="secondary">Secondary</Button> <Button outline active theme="success">Success</Button> <Button outline active theme="info">Info</Button> <Button outline active theme="warning">Warning</Button> <Button outline active theme="danger">Danger</Button> </ButtonGroup>

<ButtonGroup>
  <Button outline active theme="primary">Primary</Button>
  <Button outline active theme="secondary">Secondary</Button>
  <Button outline active theme="success">Success</Button>
  <Button outline active theme="info">Info</Button>
  <Button outline active theme="warning">Warning</Button>
  <Button outline active theme="danger">Danger</Button>
</ButtonGroup>

Disabled

<ButtonGroup> <Button disabled theme="primary">Primary</Button> <Button disabled theme="secondary">Secondary</Button> <Button disabled theme="success">Success</Button> <Button disabled theme="info">Info</Button> <Button disabled theme="warning">Warning</Button> <Button disabled theme="danger">Danger</Button> </ButtonGroup>

<ButtonGroup>
  <Button disabled theme="primary">Primary</Button>
  <Button disabled theme="secondary">Secondary</Button>
  <Button disabled theme="success">Success</Button>
  <Button disabled theme="info">Info</Button>
  <Button disabled theme="warning">Warning</Button>
  <Button disabled theme="danger">Danger</Button>
</ButtonGroup>

Sizes

<ButtonGroup> <Button size="large" theme="primary">Primary</Button> <Button size="large" theme="secondary">Secondary</Button> <Button size="large" theme="success">Success</Button> <Button size="large" theme="info">Info</Button> <Button size="large" theme="warning">Warning</Button> <Button size="large" theme="danger">Danger</Button> </ButtonGroup>

<ButtonGroup>
  <Button size="large" theme="primary">Primary</Button>
  <Button size="large" theme="secondary">Secondary</Button>
  <Button size="large" theme="success">Success</Button>
  <Button size="large" theme="info">Info</Button>
  <Button size="large" theme="warning">Warning</Button>
  <Button size="large" theme="danger">Danger</Button>
</ButtonGroup>

Block

<ButtonGroup block> <Button theme="primary">Primary</Button> <Button theme="secondary">Secondary</Button> <Button theme="success">Success</Button> <Button theme="info">Info</Button> <Button theme="warning">Warning</Button> <Button theme="danger">Danger</Button> </ButtonGroup>

<ButtonGroup block>
  <Button theme="primary">Primary</Button>
  <Button theme="secondary">Secondary</Button>
  <Button theme="success">Success</Button>
  <Button theme="info">Info</Button>
  <Button theme="warning">Warning</Button>
  <Button theme="danger">Danger</Button>
</ButtonGroup>