Button Groups

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

Usage

Toggle buttons allow you to create a styled group of buttons that can selected or toggled under a single v-model

API

v-btn-toggle
Name
active-class
Default
'v-btn--active'
Type
string

Components.ButtonGroups.

Name
dark
Default
false
Type
boolean

ダークテーマを適用します。

Name
light
Default
false
Type
boolean

ライトテーマを適用します。

Name
mandatory
Default
false
Type
boolean

Components.ButtonGroups.

Name
max
Default
undefined
Type
number | string

Components.ButtonGroups.

Name
multiple
Default
false
Type
boolean

Components.ButtonGroups.

Name
value
Default
undefined
Type
any

Components.ButtonGroups.

Examples

In toolbar

Easily integrate customized button solutions with a v-toolbar

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore