skip to content

Checkbox

Democracy club has custom checkbox styling 🙌.

Light theme

Dark theme

Invoke the dark theme on any component by applying class="ds-dark" to a container element.

But this needs you to use the following markup structure. Note the ds-field-checkbox class and the <span> wrapping the label text.

<label class="ds-field-checkbox">
  <input type="checkbox" name="agree" checked>
  <span>I agree</span>
</label>