Spec

Checkbox / Radio 22×22px, accent-color --c-brand-primary, keyboard focus ring 3px
Switch 44×24px (touch), keyboard focus ring 3px
Slider Track 6px, thumb 24×24px, min-height 44px
Progress Track 8px, fill by value %, no thumb
Accessibility Use labels for controls, role=\"switch\" for switch, role=\"progressbar\" with aria-valuenow for progress

Checkbox

default · checked · disabled

Radio

default · selected · disabled

Switch

off · on · disabled

Slider

Interactive input, min 0 · max 100 · value 50

Progress

Read-only status, no thumb

Upload (25%)
Sync (75%)