Button Group
The AButtonGroup component is used to create a group of buttons.
Import
js
import { AButtonGroup } from 'ayovue'
import 'ayovue/themes/default/buttongroup.css'Playground
size
<AButtonGroup><AButton>button 1</AButton><AButton>button 2</AButton><AButton>button 3</AButton><AButton>button 4</AButton></AButtonGroup>
Props
Button Group component has the following props.
| Prop name | Type | Required | Default value | Details |
|---|---|---|---|---|
| raised | Boolean | No | false | Add a shadow to indicate elevation. |
| rounded | Boolean | No | false | Add a circular border radius to the button group. |
| flat | Boolean | No | false | Remove border radius. |
| size | Number | No | 16 | Defines the size of the button. |
Slots
Button Group component has the following slots.
| Slot name | Description | Props |
|---|---|---|
| default | Content of the button component. | N/A |
Events
Button Group component supports all native events.