Toggle Styles
Active
Inactive
<div class="toggle">
<label class="toggle__label" for="toggle">Toggle Label</label>
<div class="toggle__input">
<input type="checkbox" name="#NAME" value="#VALUE" id="toggle"/>
<div class="toggle__track">
<div class="toggle__wrap">
<span class="toggle__option">Active</span>
<span class="toggle__option">Inactive</span>
</div>
</div>
<span class="toggle__switch"></span>
</div>
</div>
Toggle Documentation
Use
Keep text length to one-two words