Browse components

Toggle

Accessible switch-style toggle with optional label and loading state.

atoms

Live example

Default usage you can copy and adapt.

Basic toggle

Label and bindable checked state

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
checkedbooleanNofalseControlled state (bind:checked)
labelstringNo""Visible label
disabledbooleanNofalseDisable interaction
loadingbooleanNofalseShow loading state