Switch
A toggle input for turning options on or off. Clearly indicates state changes and allows quick, intuitive control.
Default
Labels
Props
| Name | Default | Type |
|---|---|---|
size | "sm" | "sm" | "md" Size of the switch control |
label | "" | string Label text displayed next to the switch |
description | "" | string Helper or descriptive text shown below the label |
disabled | false | boolean Disables the switch and prevents interaction |
icon | - | any Optional icon rendered inside or alongside the switch |
labelClasses | "" | string Custom classes applied to the label element |
modelValue | false | boolean |
Emit Events
| Event | Payload |
|---|---|
update:modelValue | [value: boolean] |
change | [value: boolean] |