Checkbox

Boolean choice. Use when each option is independent of the others.

Live previewrendered from recipe via {tokens} resolution
ARIA notes

Hidden native <input type=checkbox> drives keyboard + screen-reader behaviour. The visual <span class=ps-check__box> is decorative (aria-hidden). Click target is the entire <label>; works for mouse and touch.

When to use Checkbox

Use a checkbox for boolean choices where each option is independent of the others ("Email me when a report finishes", "Include archived records").

For mutually-exclusive choices from a fixed set, use radio buttons (subsequent milestone) or a select.

For binary on/off settings that take effect immediately, prefer a switch — the visual semantics communicate "this is live" better than a checkbox does.

The native <input type="checkbox"> is hidden visually but kept in the accessibility tree; the styled <span> is decorative. This pattern preserves keyboard activation (Space toggles) and screen-reader announcement.