Pinecone

Checkboxes: Unwrapped 

<ul class="input-group checkbox">
    <li>
        <input id="initially-unchecked" type="checkbox" name="checkboxes" value="initially-unchecked" /><label for="initially-unchecked">Initially unchecked</label>
    </li>
    <li>
        <input id="initially-checked" type="checkbox" name="checkboxes" value="initially-checked" checked /><label for="initially-checked">Initially checked</label>
    </li>
    <li>
        <input id="disabled-checkbox" type="checkbox" name="checkboxes" value="disabled-checkbox" disabled /><label for="disabled-checkbox">Disabled checkbox</label>
    </li>
</ul>
 
<ul class="input-group checkbox{{ ' ' + className if className }}">
	{% for checkbox in checkboxes %}
	<li>
		{% render '@' + component, checkbox %}
	</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.