Sample Code

<label class="checkbox">
  <!-- 
    Note the data-on and data-off attributes to set the text.
    Possible additional classes are:
    slidr-info | slidr-success | slidr-warning | slidr-danger | slidr-inverse
  -->
  <input type="checkbox" value="">
  <span class="slidr" data-on="ON" data-off="OFF"></span>
  Option one is this and that—be sure to include why it's great
</label>

Default Styles

Legend

Label name Example block-level help text here. Check me out Submit

Horizontal form

Email

Password

Remember me Sign in

Inline form

Remember me Sign in

Slidrs

Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great

Setting Text

Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great Option one is this and that—be sure to include why it's great