Button Toggle

The ButtonToggle component is a simple wrapper for v-item-group built specifically to work with Button.

info

For more details about Vuetify’s usage of ButtonToggle component, click ButtonToggle page.
For more prop explanations, click Vuetify ButtonToggle API page.

Props

Attribute	Description	Type	Default
value	The designated model value for the component.	number	undefined
borderless	Removes the group’s border.	boolean	false
class	Prop that determines the class to add to the BtnToggle.	string	undefined
dark	Applies dark theme.	boolean	false
group	Generally used in Toolbar and AppBar. Removes background color, border and increases space between the buttons.	boolean	false
mandatory	Forces a value to always be selected .	boolean	false
multiple	Allows a user to select multiple buttons and return values as an array.	boolean	false
activeClass	Changes active button's class.	string	undefined
backgroundColor	Changes the background-color for the component.	string	undefined
visible	Visibility of BtnToggle component.	boolean	true

Events

Attribute	Description
change	Emitted when the input is changed by user interaction.