Checkbox 

<!-- Default -->
<input type="checkbox" id=checkbox01 value="" placeholder=Placeholder class="input-checkbox is-default" />

<!-- Checkbox 02 -->
<input type="checkbox" id=checkbox02 value="" placeholder=Hover class="input-checkbox is-hover" />

<!-- Checkbox 03 -->
<input type="checkbox" id=checkbox03 value="" placeholder=Focus class="input-checkbox is-focus" />

<!-- Checkbox 04 -->
<input type="checkbox" id=checkbox04 value="" placeholder=Placeholder class="input-checkbox is-checked" checked />

<!-- Checkbox 05 -->
<input type="checkbox" id=checkbox05 value="" placeholder=Error class="input-checkbox is-error" />

<!-- Checkbox 06 -->
<input type="checkbox" id=checkbox06 value="" placeholder=Success class="input-checkbox is-success" />

<!-- Checkbox 07 -->
<input type="checkbox" id=checkbox07 value="" placeholder=Disabled class="input-checkbox is-disabled" />

<input type="checkbox" id={{id}} value="{{value}}" placeholder={{placeholder}} class="input-checkbox is-{{modifier}}" {{#if checked}}checked{{/if}}/>
 
/* Default */
{
  "value": "",
  "id": "checkbox01",
  "name": "checkbox01",
  "placeholder": "Placeholder",
  "modifier": "default"
}

/* Checkbox 02 */
{
  "value": "",
  "id": "checkbox02",
  "name": "checkbox01",
  "placeholder": "Hover",
  "modifier": "hover",
  "isHover": true
}

/* Checkbox 03 */
{
  "value": "",
  "id": "checkbox03",
  "name": "checkbox01",
  "placeholder": "Focus",
  "modifier": "focus",
  "isFocus": true
}

/* Checkbox 04 */
{
  "value": "",
  "id": "checkbox04",
  "name": "checkbox01",
  "placeholder": "Placeholder",
  "modifier": "checked",
  "checked": true
}

/* Checkbox 05 */
{
  "value": "",
  "id": "checkbox05",
  "name": "checkbox01",
  "placeholder": "Error",
  "modifier": "error",
  "isError": true
}

/* Checkbox 06 */
{
  "value": "",
  "id": "checkbox06",
  "name": "checkbox01",
  "placeholder": "Success",
  "modifier": "success",
  "isSuccess": true
}

/* Checkbox 07 */
{
  "value": "",
  "id": "checkbox07",
  "name": "checkbox01",
  "placeholder": "Disabled",
  "modifier": "disabled",
  "isDisabled": true
}

There are no notes for this item.