• Components
  • Checkbox

Checkbox 

@!jrmc.form.input({ type: 'checkbox', name: 'my_name', checked: true })
@!jrmc.form.checkbox({ name: 'my_name' })
<input
  type="checkbox"
  class="checkbox"
   name="my_name"
   id="my_name"
  
  checked
  value=""
/>

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

Checkbox color 

@!jrmc.form.checkbox({ class: 'checkbox-primary', checked: true })
@!jrmc.form.checkbox({ class: 'checkbox-secondary', checked: true })
@!jrmc.form.checkbox({ class: 'checkbox-accent', checked: true })
<input
  type="checkbox"
  class="checkbox checkbox-primary"
  
  
  
  checked
  value=""
/>


<input
  type="checkbox"
  class="checkbox checkbox-secondary"
  
  
  
  checked
  value=""
/>


<input
  type="checkbox"
  class="checkbox checkbox-accent"
  
  
  
  checked
  value=""
/>

Checkbox size 

@!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 })
<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=""
/>

Checkbox disabled 

@!jrmc.form.checkbox({ class: 'checkbox-accent', disabled: true, checked: true })
<input
  type="checkbox"
  class="checkbox checkbox-accent"
  
  
  
  disabled checked
  value=""
/>

Checkbox control 

@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
<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>