D.School Component Library

Checkbox 

<div class="o-checkbox o-form__item">
      <input id="checkbox-value" name="checkbox-name" value="checkbox-value" type="checkbox">
      <label for="checkbox-value">Checkbox label</label>
  </div>
 
{% set base_class = checkbox.base_class|default('o-checkbox') %}
{% if checkbox.name and checkbox.label %}
  <div class="{{ bem(base_class, checkbox.element, checkbox.modifiers, checkbox.extra) }} o-form__item">
    <input id="{{ checkbox.value }}" name="{{ checkbox.name }}" value="{{ checkbox.value }}" type="checkbox"{% if checkbox.checked %} checked="checked"{% endif %} {{ attributes(checkbox.attributes) }}>
    <label for="{{ checkbox.value }}"{{ checkbox.label_hidden ? ' class="is-visually-hidden"' }}>{{ checkbox.label }}</label>
  </div>
{% endif %}
 
{
  "checkbox": {
    "name": "checkbox-name",
    "label": "Checkbox label",
    "value": "checkbox-value"
  }
}

No notes defined.