edge-components

Radio Control 

<div class="form-control mb-5">
    <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>
 
@jrmc.form.control({ name: 'lastname', label: 'Are you sure?' })
  @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
  • Handle: @radio-control
  • Preview:
  • Filesystem Path: fractal/components/03-form/02-radio/05-radio-control.edge

Radio

Doc : daisyui radio

Radio buttons allow the user to select one option from a set.

Class name Type
radio Component For radio input
radio-primary Modifier Adds primary color to radio
radio-secondary Modifier Adds secondary color to radio
radio-accent Modifier Adds accent color to radio
radio-lg Responsive Large radio
radio-md Responsive Medium radio(default)
radio-sm Responsive Small radio
radio-xs Responsive Extra small radio

Specific params

Param name Type
checked boolean default check
disabled boolean