Pinecone

Checkboxes 

<ul class="input-group">
    <li><label class="label--checkbox" for="unchecked"><input id="unchecked" type="checkbox" name="unchecked" value="checkbox" />Initially unchecked</label>
    </li>
    <li><label class="label--checkbox" for="checked"><input id="checked" type="checkbox" name="checked" value="checkbox" checked />Initially checked</label>
    </li>
    <li><label class="label--checkbox" for="disabled"><input id="disabled" type="checkbox" name="disabled" value="checkbox" disabled />Disabled checkbox</label>
    </li>
</ul>
<script type="text/javascript">
    document.getElementById('indeterminate').indeterminate = true;
</script>
 
<ul class="input-group{% if inverse %} input-group--inverse{% endif %}{% if select.modifiers %}{% for modifier in select.modifiers %} input-group--{{ modifier }}{% endfor %}{% endif %}">
	{% for checkbox in checkboxes %}
	<li>{% render '@checkbox', checkbox, true %}</li>
	{% endfor %}
</ul>
<script type="text/javascript">
	document.getElementById('indeterminate').indeterminate = true;
</script>
 
{
  "standAlone": false,
  "checkboxes": [
    {
      "name": "unchecked",
      "label": "Initially unchecked",
      "standAlone": false
    },
    {
      "name": "checked",
      "label": "Initially checked",
      "checked": true,
      "standAlone": false
    },
    {
      "name": "disabled",
      "label": "Disabled checkbox",
      "disabled": true,
      "standAlone": false
    }
  ]
}

There are no notes for this item.