How To
Documentation
    Learn More

      Checkbox

      Table of Contents

      Default

      Example

      <input styling="checkbox-switch" id="switch1" type="checkbox">
      <label for="switch1"></label>

      Square

      Example

      <input styling="checkbox-switch" id="switch2" type="checkbox">
      <label styling="square" for="switch2"></label>

      Flat

      Example

      <input styling="checkbox-switch" id="switch3" type="checkbox">
      <label styling="flat" for="switch3"></label>

      Thin

      Example

      <input styling="checkbox-switch" id="switch4" type="checkbox">
      <label styling="thin" for="switch4"></label>

      Colors

      Example

      <input styling="checkbox-switch" id="switch5" type="checkbox">
      <label styling="positive" for="switch5"></label>
      <input styling="checkbox-switch" id="switch6" type="checkbox">
      <label styling="negative" for="switch6"></label>
      <input styling="checkbox-switch" id="switch8" type="checkbox">
      <label styling="warning" for="switch8"></label>
      <input styling="checkbox-switch" id="switch10" type="checkbox">
      <label styling="info" for="switch10"></label>

      Size

      Example

      <input styling="checkbox-switch" id="switch13" type="checkbox">
      <label styling="tiny" for="switch13"></label>
      <input styling="checkbox-switch" id="switch14" type="checkbox">
      <label styling="massive" for="switch14"></label>