Switch

Design.md

Changed from stock (Design.md §1.8, §3.0, §4.3): a 36×20 pill with a 16 thumb, the 3:1 control grey when off, Primary when on, a 2px Primary focus outline 2px outside. The small size keeps stock proportions.

npx shadcn@latest add @su/switchComponent tokens:--switch-height--switch-thumb--switch-width

States

Edges take the 3:1 control grey, Primary when on; the neutral strong fill when on and disabled (§1.8). Tab for the focus outline.

off
on
disabled
disabled on
size="sm"