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.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub