Switch
A sliding toggle control. Supports controlled and uncontrolled usage, six semantic color palettes, two sizes, four visual variants, and custom thumb icons.
Focus
When the hidden <input> receives keyboard focus, a 2px solid currentColor outline appears on the track via the CSS :has(input:focus-visible) selector.
Accessibility
The hidden input carries role="switch" for screen reader semantics. aria-checked is derived automatically from the native checkbox state.