Pinecone

Checkboxes: Unwrapped 

<ul class="input-group checkbox">
    <li>
        <input id="checkbox" type="checkbox" name="checkboxes" value="checkbox" /><label for="checkbox">Initially unchecked</label>
    </li>
    <li>
        <input id="checkbox" type="checkbox" name="checkboxes" value="checkbox" checked /><label for="checkbox">Initially checked</label>
    </li>
    <li>
        <input id="checkbox" type="checkbox" name="checkboxes" value="checkbox" disabled /><label for="checkbox">Disabled checkbox</label>
    </li>
</ul>
 
<ul class="input-group checkbox{{ ' ' + className if className }}">
	{% for checkbox in checkboxes %}
	<li>
		{% render '@' + component, checkbox, true %}
	</li>
	{% endfor %}
</ul>
 
{
  "component": "checkbox--unwrapped",
  "checkboxes": [
    {
      "name": "checkboxes",
      "label": "Initially unchecked"
    },
    {
      "name": "checkboxes",
      "label": "Initially checked",
      "checked": true
    },
    {
      "name": "checkboxes",
      "label": "Disabled checkbox",
      "disabled": true
    }
  ]
}

There are no notes for this item.