Checkbox stable

The custom checkbox and it's states.

Default

<label class="checkbox">
  <input type="checkbox" class="checkbox__input">
  <span class="checkbox__mark"></span>
  <span class="checkbox__text">Checkbox 1</span>
</label>
  
<label class="checkbox">
  <input disabled type="checkbox" class="checkbox__input">
  <span class="checkbox__mark"></span>
  <span class="checkbox__text">Checkbox 2</span>
</label>
  
<label class="checkbox">
  <input type="checkbox" class="checkbox__input">
  <span class="checkbox__mark"></span>
  <span class="checkbox__text">Checkbox 3</span>
</label>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Last Updated: 4/2/2019, 5:02:56 PM