Checkbox/Radio with content

Section

Button intervention - Voir le template
  • template
<div class="form-element form-checkbox-button">
<label for="button_intervention">
<input type="checkbox" id="button_intervention" class="" name="button_intervention">
<span class="controller">
<?= icon('oil', 'w-7.5 text-icon'); ?>
<span>Entretien courant</span>
</span>
</label>
</div>
Box white - Voir le template
  • template
<div class="form-element form-checkbox-box-white">
<label for="box_white">
<input type="checkbox" id="box_white" class="" name="box_white">
<span class="controller">
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae eros sit amet leo lobortis cursus...</span>
</span>
</label>
</div>
Time slot - Voir le template
  • template
<div class="form-element form-checkbox-timeslot">
<label for="timeslot_1">
<input type="radio" id="timeslot_1" class="" name="timeslot">
<span class="controller">
10:00
</span>
</label>
</div>
<div class="form-element form-checkbox-timeslot">
<label for="timeslot_2">
<input type="radio" id="timeslot_2" class="" name="timeslot">
<span class="controller">
11:00 <span>-15%</span>
</span>
</label>
</div>
<div class="form-element form-checkbox-timeslot disabled">
<label for="timeslot_3">
<input type="radio" id="timeslot_3" class="" name="timeslot" disabled>
<span class="controller">
11:00
</span>
</label>
</div>
Radio menu - Voir le template
  • template
<div class="flex bg-white rounded-button gap-2">
<div class="form-element form-checkbox-radio-menu">
<label for="radio-menu_1">
<input type="radio" id="radio-menu_1" class="" name="radio-menu" checked>
<span class="controller">
Interventions
</span>
</label>
</div>
<div class="form-element form-checkbox-radio-menu">
<label for="radio-menu_2">
<input type="radio" id="radio-menu_2" class="" name="radio-menu">
<span class="controller">
Informations
</span>
</label>
</div>
<div class="form-element form-checkbox-radio-menu">
<label for="radio-menu_3">
<input type="radio" id="radio-menu_3" class="" name="radio-menu">
<span class="controller">
Estimations
</span>
</label>
</div>
</div>