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