edge-components

Checkbox Control 

<div class="form-control mb-5 w-full max-w-xs">

    <label class="label cursor-pointer">
        <span class="label-text">
            Are you sure?</span> <input type="checkbox" class="checkbox" checked value="" />

    </label>
</div>
 
@jrmc.form.control({ label: false, class: ['w-full', 'max-w-xs'] })
  @jrmc.form.label({ class: 'cursor-pointer', text: 'Are you sure?' })
    @!jrmc.form.checkbox({ checked: true })
  @end
@end
  • Handle: @checkbox-control
  • Preview:
  • Filesystem Path: fractal/components/03-form/03-checkbox/05-checkbox-control.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