Vuetify

Store

For Enterprise

Selection control components allow a user to select options. These components must be used with the v-model prop as they do not maintain their own state.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Checkboxes can be colored by using any of the builtin colors and contextual names using the color prop.

Radio-groups are by default mandatory. This can be changed with the mandatory prop.

Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.

Radios can be colored by using any of the builtin colors and contextual names using the color prop.

Switches can be colored by using any of the builtin colors and contextual names using the color prop.

You can make switch render without elevation of thumb using flat property.

You can make switch render in inset mode.

Selection controls' labels can be defined in label slot - that will allow to use HTML content

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!