G-Loot DS — radio checkbox toggle form indicator

by Augustin Hiebel

HTML

<!-- normal form indicator (On / Off) -->
<div className="form-toggle form-full">
  <input type="checkbox" name="withIndicator" id="withIndicator" />
  <label htmlFor="withIndicator">
    <span>Desktop notification</span>
    <span className="form-indicator" />
  </label>
</div>

<!-- custom form indicator (use the attributes data-on and data-off to custom the text) -->
<div className="form-toggle form-full">
  <input type="checkbox" name="withIndicatorCustom" id="withIndicatorCustom" />
  <label htmlFor="withIndicatorCustom">
    <span>Run Stryda on statup</span>
    <span className="form-indicator" data-on="Run Stryda on statup" data-off="Do not Stryda on statup" />
  </label>
</div>