ButtonGroup

Groups related buttons together with connected styling. Adjacent buttons share borders and have rounded corners only on the outer edges.

Import

import { ButtonGroup, Button } from 'vuiii'

Basic Usage

<ButtonGroup>
  <Button label="Left" />
  <Button label="Center" />
  <Button label="Right" />
</ButtonGroup>

With Variants

<ButtonGroup>
  <Button variant="primary" label="Save" />
  <Button variant="primary" label="Save & Close" />
</ButtonGroup>

With Icons

<ButtonGroup>
  <Button prefixIcon="chevron-left" label="Previous" />
  <Button label="Next" suffixIcon="chevron-right" />
</ButtonGroup>