Components
Checkbox
A restyled native checkbox on the shared field base.
The checkbox is a restyled native <input type="checkbox">, fully accessible, with the Zazz
check treatment. Bind it with checked, name, and value as usual.
Default
Loading components…
<fieldset class="field-group"> <legend>Preferences</legend> <div class="flex flex-col gap-xs"> <label class="field" data-orientation="horizontal"> <input type="checkbox" name="preferences-newsletter" /> <span class="field__label">Subscribe to the newsletter</span> </label> <label class="field" data-orientation="horizontal"> <input type="checkbox" name="preferences-terms" checked /> <span class="field__label">Accept terms & conditions</span> </label> </div></fieldset>