Forms / checkbox

checkbox

Tier 1

Drawn with appearance: none; semantics, keyboard, and forms stay native.

Checked Unchecked Indeterminate Disabled

<label><input type="checkbox" checked /> Remember me</label>

Notes

Checked is primary fill + glyph; indeterminate is a drawn dash. A label wrapping the control becomes the click target and dims when disabled.