Switch

A boolean toggle with sizes, color variants, optional loading state, and slot-overridable label and description text. Toggle Vue / CSS to switch the live demo and source together.

Basic

Single switch with a label.

Vue SFC

Sizes

Small, medium and large.

Vue SFC

Colors

All built-in color variants.

Vue SFC

States

Disabled, loading and pre-checked.

Vue SFC

Description

Switch with a secondary description line.

Vue SFC

Slots

Custom label and description via named slots.

Vue SFC

Event: change

Listen to mno-change to react to toggling.

Vue SFC

Event log

Live log of mno-change events.

Vue SFC

Customized

Override per-element styling with cssClass (Vue) or utility classes (CSS).

Vue SFC

Card recipe

Compose a card-style switch with your own CSS — the library ships no helper.

Vue SFC