Components
Switch
The settings toggle: 1.8 × h track, white knob travelling 0.8 × h with a 120ms overshoot.
Sizes
Track / knob / travel: xs 29×16 / 12 / 12.8 · sm 32×18 / 14 / 14.4 · default 36×20 / 16 / 16 · lg 43×24 / 20 / 19.2 (compact default 29×16).
xs
sm
default
lg
States
Off track white 10% / black 20% (hover 20% / 35%), on fill-accent (hover lighter). Colours swap instantly; only the knob moves. Disabled .4 with no hover change.
off
on
disabled off
disabled on
In settings rows
The row title is not clickable: the Switch is labelled by it (aria-labelledby from the Field) and saves immediately.
Artifacts
Ask the assistant to generate content like code snippets, text documents or website designs in a dedicated window.
Web search
Code execution
Small switch (skill detail, menu rows).
Light and dark
light
dark