---
input_type:
  type: "string"
  default: "checkbox"
id:
  type: "string"
name:
  type: "string"
  default: ""
class:
  type: "string"
  default: ""
toggler_extra:
  type: "string"
  default: ""
checked:
  type: "bool"
  default: false
---
<input
  type="{{ input_type }}"
  class="toggler sr-only"
  autocomplete="off"
  id="{{ id }}"
  name="{{ name | default: id }}"
  aria-labelledby="{{ id }}-label"
  {{ toggler_extra }}
  {{ checked | value_if: 'checked' }}
>

<div class="toggled {{ class }}">
  {{ yield }}
</div>