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

최대 너비(maximum width)를 설정

이름
multiple
디폴트
false
타입
boolean

Components.ButtonGroups.

이름
value
디폴트
undefined
타입
any

표시여부를 조절 (Controls visibility)

예제

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