<div><input type="checkbox" class="checkbox checkbox-lg" checked value="" />
<input type="checkbox" class="checkbox checkbox-md" checked value="" />
<input type="checkbox" class="checkbox checkbox-sm" checked value="" />
<input type="checkbox" class="checkbox checkbox-xs" checked value="" />
</div>
<div>
@!jrmc.form.checkbox({ class: 'checkbox-lg', checked: true })
@!jrmc.form.checkbox({ class: 'checkbox-md', checked: true })
@!jrmc.form.checkbox({ class: 'checkbox-sm', checked: true })
@!jrmc.form.checkbox({ class: 'checkbox-xs', checked: true })
</div>
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 |
| Param name | Type | |
|---|---|---|
| checked | boolean | default check |
| disabled | boolean |