Skip to content

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 ​

ComponentDescription
v-btn-togglePrimary component
v-btnSub-component used for modifying the v-btn-toggle state
v-btn-groupA 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.

Released under the MIT License.