Checkbox

A control for boolean / multi-state selection. Toggle Vue / CSS to switch the live demo and source together.

Basic

Default checkbox; optional label and description.

Vue SFC

States

Disabled, pre-checked and indeterminate states.

Vue SFC

Sizes

Small, medium and large.

Vue SFC

Colors

All built-in color variants.

Vue SFC

Group

Simple group layout.

Vue SFC

Slots

Custom label/description via slots.

Vue SFC

Event: change

Listen for change events.

Vue SFC

Controlled

Drive the value imperatively.

Vue SFC

Indeterminate toggle

Toggle the indeterminate flag.

Vue SFC

Select-all group

Master checkbox + members.

Vue SFC

Event log

Live log of emitted events.

Vue SFC

Customized

Custom checkbox with advanced styling.

Vue SFC