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'

Props

ButtonGroup takes no props — it is a layout wrapper that joins the buttons you put in it.

Slots

Slot	Description
default	The buttons to group together

Basic Usage

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

With Variants

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

With Icons

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