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

Класс для активного элемента

Имя
dark
По умолчанию
false
Тип
boolean

Применяет тёмный вариант темы

Имя
light
По умолчанию
false
Тип
boolean

Применяет светлый вариант темы

Имя
mandatory
По умолчанию
false
Тип
boolean

Значение должно быть определено или первое доступное значение будет выбрано

Имя
max
По умолчанию
undefined
Тип
number | string

Устанавливает максимальную ширину

Имя
multiple
По умолчанию
false
Тип
boolean

Включение множественного выбора. Свойство value принимает массив

Имя
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