Checkbox

Native form semantics, selection motion and accessible labels.

Basic structure

label.checkbox > input[type=checkbox] + text

Try it Consent treatment

Send occasional updates about this example.

<label class="checkbox"><input type="checkbox">Send occasional updates about this example.</label>

Class or attribute	What it does
`checkbox.is-consent`	Padded treatment for longer consent copy.
`checked / disabled / required`	Native state attributes; no extra state classes.