Pinecone

Checkboxes: Default 

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