Styleguide

Liste Checkbox

Ajouté à la version :

Changelog:

  • 0.1.0: Ajout du composant

Composant de base

Le composant .listCheckbox utilise le composant inputCheckbox.

<ul class="listCheckbox">
  <li class="listCheckbox-item">
    <div class="inputCheckbox">
      <input id="listCheckbox-item-1" type="checkbox" value="listCheckbox-item-1" checked="checked">
      <label for="listCheckbox-item-1">Amérique du Nord</label>
    </div>
  </li>
  <li class="listCheckbox-item">
    <div class="inputCheckbox">
      <input id="listCheckbox-item-2" type="checkbox" value="listCheckbox-item-2">
      <label for="listCheckbox-item-2">Amérique du Sud</label>
    </div>
  </li>
  <li class="listCheckbox-item">
    <div class="inputCheckbox">
      <input id="listCheckbox-item-3" type="checkbox" value="listCheckbox-item-3">
      <label for="listCheckbox-item-3">Anatolie</label>
    </div>
  </li>
</ul>