Skip to content
On this page

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 nameTypeRequiredDefault valueDetails
raisedBooleanNofalseAdd a shadow to indicate elevation.
roundedBooleanNofalseAdd a circular border radius to the button group.
flatBooleanNofalseRemove border radius.
sizeNumberNo16Defines the size of the button.

Slots

Button Group component has the following slots.

Slot nameDescriptionProps
defaultContent of the button component.N/A

Events

Button Group component supports all native events.

Released under the MIT License.