Skip to content

Checkbox

Use a checkbox to select or deselect a value.

Checkbox documentation

Class names

  • component: checkbox
  • color: checkbox-primary, checkbox-secondary, checkbox-accent, checkbox-neutral, checkbox-success, checkbox-warning, checkbox-info, checkbox-error
  • size: checkbox-xs, checkbox-sm, checkbox-md, checkbox-lg, checkbox-xl

Syntax

<input type="checkbox" class="checkbox {MODIFIER}" />

Rules

  • {MODIFIER} is optional. It can include one color class name and one size class name.