Switch
A boolean toggle. Use when the action takes effect immediately; use Checkbox when the value is part of a form to be submitted.
Basic usage
With labels inside
Loading
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
value | boolean | false | — |
label | string | undefined | — |
disabled | boolean | false | — |
loading | boolean | false | — |
size | EpSize | undefined | — |
hue | EpHue | "information" | — |
checkedText | string | "" | — |
uncheckedText | string | "" | — |
ariaLabel | string | undefined | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["boolean"]} | — |
change | {"names":["boolean"]} | — |
Slots
| Slot | Scope | Description |
|---|---|---|
checked | — | — |
unchecked | — | — |
default | — | — |