<div><input type="checkbox" class="toggle toggle-primary" checked="checked" value="" />
<input type="checkbox" class="toggle toggle-secondary" checked="checked" value="" />
<input type="checkbox" class="toggle toggle-accent" checked="checked" value="" />
</div>
<div>
@!jrmc.form.toggle({ class: 'toggle-primary', checked: true })
@!jrmc.form.toggle({ class: 'toggle-secondary', checked: true })
@!jrmc.form.toggle({ class: 'toggle-accent', checked: true })
</div>
Doc : daisyui toggle
Toggle is a checkbox that is styled to look like a switch button.
| Class name | Type | |
|---|---|---|
| toggle | Component | For input checkbox |
| toggle-primary | Modifier | Adds primary color to toggle |
| toggle-secondary | Modifier | Adds secondary color to toggle |
| toggle-accent | Modifier | Adds accent color to toggle |
| toggle-lg | Responsive | Large toggle |
| toggle-md | Responsive | Medium toggle(default) |
| toggle-sm | Responsive | Small toggle |
| toggle-xs | Responsive | Extra small toggle |
| Param name | Type | |
|---|---|---|
| checked | boolean | default check |
| disabled | boolean |