Button Groups

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

Utilização

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
Nome
active-class
Padrão
'v-btn--active'
Tipos
string

Components.ButtonGroups.

Nome
dark
Padrão
false
Tipos
boolean

Components.ButtonGroups.

Nome
light
Padrão
false
Tipos
boolean

Components.ButtonGroups.

Nome
mandatory
Padrão
false
Tipos
boolean

Components.ButtonGroups.

Nome
max
Padrão
undefined
Tipos
number | string

Define a largura máxima

Nome
multiple
Padrão
false
Tipos
boolean

Components.ButtonGroups.

Nome
value
Padrão
undefined
Tipos
any

Controla visibilidade

Exemplos

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