Pinecone

Radio Buttons: Default 

<ul class="input-group radio">
    <li>
        <label for="radio-initially-unchecked">
            <input id="radio-initially-unchecked" type="radio" name="name" value="radio-initially-unchecked" />Radio initially unchecked
        </label>
    </li>
    <li>
        <label for="radio-initially-checked">
            <input id="radio-initially-checked" type="radio" name="name" value="radio-initially-checked" checked />Radio initially checked
        </label>
    </li>
    <li>
        <label for="radio-disabled">
            <input id="radio-disabled" type="radio" name="name" value="radio-disabled" 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",
  "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.