Button toggles
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 be selected or toggled under a single v-model.
API
Component | Description |
---|---|
v-btn-toggle | Primary component |
v-btn | Sub-component used for modifying the v-btn-toggle state |
v-btn-group | A stateless version of v-btn-toggle |
Examples
Props
Divided
You can add a visual divider between buttons with the divided prop.
Variant
You can switch the button variant by using variant prop on v-btn-toggle
.
Mandatory
A v-btn-toggle
with the mandatory prop will always have a value.
Multiple
A v-btn-toggle
with the multiple prop will allow a user to select multiple return values as an array.
Rounded
You can control the border radius with the rounded prop.
Misc
WYSIWYG
Group similar actions and design your own WYSIWYG component.