Pinecone

Radio Buttons: Unwrapped 

<ul class="input-group radio">
    <li>
        <input id="radio-initially-unchecked" type="radio" name="name" value="radio-initially-unchecked" /><label for="radio-initially-unchecked">Radio initially unchecked</label>
    </li>
    <li>
        <input id="radio-initially-checked" type="radio" name="name" value="radio-initially-checked" checked /><label for="radio-initially-checked">Radio initially checked</label>
    </li>
    <li>
        <input id="radio-disabled" type="radio" name="name" value="radio-disabled" disabled /><label for="radio-disabled">Radio disabled</label>
    </li>
</ul>
 
<ul class="input-group radio">
	{% for radioButton in radioButtons %}
	<li>
		{% render '@' + component, radioButton, true %}
	</li>
	{% endfor %}
</ul>
 
{
  "component": "radio-button--unwrapped",
  "radioButtons": [
    {
      "label": "Radio initially unchecked",
      "value": "radio-initially-unchecked"
    },
    {
      "label": "Radio initially checked",
      "value": "radio-initially-checked",
      "checked": true
    },
    {
      "label": "Radio disabled",
      "value": "radio-disabled",
      "disabled": true
    }
  ]
}

There are no notes for this item.