Button Groups

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

用例

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
名称
active-class
默认值
'v-btn--active'
类型
string

Components.ButtonGroups.

名称
dark
默认值
false
类型
boolean

应用暗黑主题变体

名称
light
默认值
false
类型
boolean

应用明亮主题变体

名称
mandatory
默认值
false
类型
boolean

Components.ButtonGroups.

名称
max
默认值
undefined
类型
number | string

设置最大宽度

名称
multiple
默认值
false
类型
boolean

Components.ButtonGroups.

名称
value
默认值
undefined
类型
any

控制可见性

示例

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