<div class="toggle__wrapper">
<div class="toggle">
<input class="toggle__input" type="checkbox" id="toggle 2" />
<label class="toggle__label" for="toggle 2" />
</div>
</div>
<div class="toggle__wrapper">
<div class="toggle">
<input class="toggle__input" type="checkbox" id="{{ id }}" {{#if on}}checked{{/if}}/>
<label class="toggle__label" for="{{ id }}" />
</div>
{{#if postText}}<label class="toggle__text" for="{{ id }}">{{postText}}</label>{{/if}}
</div>
{
"on": null,
"id": "toggle 2"
}
A Toggle allows the user to enable or disable a feature synchronously.
Use a toggle for changes that don’t require review, and for settings that are independent from one another.