Switch — Playground

px
size
State
html.html
<label>
  <input kuiSwitch type="checkbox" checked />
  <span>Enable notifications</span>
</label>
NameTypeDefaultDescription
size'xs' | 'sm' | 'md' | 'lg' | undefinedundefinedSwitch size mapped to Kikita switch tokens. Resolved from defaults.switch.size, then the parent field, then the global defaults.size, then md.
invalidbooleanfalseMarks the switch invalid outside a kui-field error state. With [formField] the Field state wins.
idstring | undefinedundefinedExplicit id override. Inside kui-field, the field id is used when omitted.
KuiSwitchOptionsinterface-Shape of defaults.switch: size.

Inputs verified against @kikita-labs/ui v2.0.0 public typings.