<div><input type="checkbox" class="checkbox checkbox-primary" checked value="" />

    <input type="checkbox" class="checkbox checkbox-secondary" checked value="" />

    <input type="checkbox" class="checkbox checkbox-accent" checked value="" />

</div>
<div>
  @!jrmc.form.checkbox({ class: 'checkbox-primary', checked: true })
  @!jrmc.form.checkbox({ class: 'checkbox-secondary', checked: true })
  @!jrmc.form.checkbox({ class: 'checkbox-accent', checked: true })
</div>
  • Handle: @checkbox-color
  • Preview:
  • Filesystem Path: fractal/components/03-form/03-checkbox/02-checkbox-color.edge

Checkbox

Doc : daisyui checkbox

Checkboxes are used to select or deselect a value.

Class name Type
checkbox Component For input checkbox
checkbox-primary Modifier Adds primary color to checkbox
checkbox-secondary Modifier Adds secondary color to checkbox
checkbox-accent Modifier Adds accent color to checkbox
checkbox-lg Responsive Large checkbox
checkbox-md Responsive Medium checkbox(default)
checkbox-sm Responsive Small checkbox
checkbox-xs Responsive Extra small checkbox

Specific params

Param name Type
checked boolean default check
disabled boolean