• Components
  • Radio

Radio 

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

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

Radio color 

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


<input
  type="radio"
  class="radio radio-secondary"
   name="my_name"
   id="my_name"
  
  
  value=""
/>


<input
  type="radio"
  class="radio radio-accent"
   name="my_name"
   id="my_name"
  
  
  value=""
/>

Radio size 

@!jrmc.form.radio({ name: 'my_name', class: 'radio-lg', checked: true })
@!jrmc.form.radio({ name: 'my_name', class: 'radio-md' })
@!jrmc.form.radio({ name: 'my_name', class: 'radio-sm' })
@!jrmc.form.radio({ name: 'my_name', class: 'radio-xs' })
<input
  type="radio"
  class="radio radio-lg"
   name="my_name"
   id="my_name"
  
  checked
  value=""
/>


<input
  type="radio"
  class="radio radio-md"
   name="my_name"
   id="my_name"
  
  
  value=""
/>


<input
  type="radio"
  class="radio radio-sm"
   name="my_name"
   id="my_name"
  
  
  value=""
/>


<input
  type="radio"
  class="radio radio-xs"
   name="my_name"
   id="my_name"
  
  
  value=""
/>

Radio disabled 

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

Radio control 

@jrmc.form.control({ name: 'lastname', label: 'Are you sure?', class: ['w-full', 'max-w-xs'] })
  @jrmc.form.label({ class: 'cursor-pointer' })
    @!jrmc.form.label.text({ text: 'Yes' })
    @!jrmc.form.radio({ ckecd: true })
  @end

  @jrmc.form.label({ class: 'cursor-pointer' })
    @!jrmc.form.label.text({ text: 'No' })
    @!jrmc.form.radio()
  @end
@end
<div class="form-control mb-5 w-full max-w-xs" >
<label class="label cursor-pointer" for="lastname">
<span class="label-text" >
  Are you sure?</span>  
</label>
  <label class="label cursor-pointer" >  <span class="label-text" >
  Yes</span>
<input
  type="radio"
  class="radio"
   name="lastname"
   id="lastname"
  
  ckecd
  value=""
/>


</label>
<label class="label cursor-pointer" >  <span class="label-text" >
  No</span>
<input
  type="radio"
  class="radio"
   name="lastname"
   id="lastname"
  
  
  value=""
/>


</label>
</div>