Workbench

Checkbox workbench

Every state as MUI, shadcn/ui and plain CSS. All three read the checkbox tokens: 24px box, edge, checked fill and mark.

Density Comfortable Compact

Guidance and code: Checkbox docs.

Known MUI gap

The MUI checkbox shows no focus ring on keyboard focus and draws an 18px box instead of 24px (ASDS-44).

Checkbox

State	MUI	shadcn	Plain CSS
Unchecked	Bring the awning lights	Bring the awning lights	Bring the awning lights
Checked	Bring the awning lights	Bring the awning lights	Bring the awning lights
Hover	Bring the awning lights	Bring the awning lights	Bring the awning lights
Focuskeyboard focus	Bring the awning lights	Bring the awning lights	Bring the awning lights
Disabled	Bring the awning lights	Bring the awning lights	Bring the awning lights
Disabled, checked	Bring the awning lights	Bring the awning lights	Bring the awning lights
Livetry it	Bring the awning lights	Bring the awning lights	Bring the awning lights