edge-components

Toggle Default 

<div><input type="checkbox" class="toggle" name="my_name" id="my_name" value="" />

</div>
 
<div>
  @!jrmc.form.toggle({ name: 'my_name'  })
</div>
  • Handle: @toggle-default
  • Preview:
  • Filesystem Path: fractal/components/03-form/04-toggle/01-toggle-default.edge

Toggle

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

Specific params

Param name Type
checked boolean default check
disabled boolean