Radio

Radio

  • template
<div class="form-element form-radio">
<label for="radio_1">
<input type="radio" id="radio_1">
<span class="controler"></span>
<span>Label du radio</span>
</label>
</div>
  • template
<div class="form-element form-radio">
<label for="radio_2">
<input type="radio" id="radio_2" checked>
<span class="controler"></span>
<span>Label du radio</span>
</label>
</div>
  • template
<div class="form-element form-radio error">
<label for="radio_3">
<input type="radio" id="radio_3">
<span class="controler"></span>
<span>Label du radio</span>
</label>
</div>
Radio color - Voir le template
  • template
<div class="form-element form-checkbox-button">
<label for="1">
<input type="radio" id="1" class="" name="color">
<span class="controller controller__radio bg-[#F8B1A1]"></span>
</label>
</div>
Radio color text - Voir le template
  • template
<div class="form-element form-checkbox-button">
<label for="2">
<input type="radio" id="2" class="" name="color-text">
<span class="controller controller__radio bg-[#F8B1A1]">
<span>text</span>
</span>
</label>
</div>

Radios List

Radios List - Voir le template
  • template
<div class="field">
<div class="form-element form-radio">
<label for="radio_4">
<input type="radio" id="radio_4" name="radio-list">
<span class="controler"></span>
<span>Label du radio</span>
</label>
</div>
<div class="form-element form-radio">
<label for="radio_5">
<input type="radio" id="radio_5" name="radio-list">
<span class="controler"></span>
<span>Label du radio</span>
</label>
</div>
<div class="form-element form-radio">
<label for="radio_6">
<input type="radio" id="radio_6" name="radio-list">
<span class="controler"></span>
<span>Label du radio</span>
</label>
</div>
</div>