D.School Component Library

Radio 

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

No notes defined.