Toggle stable
The toggle component allows to switch between two states.
Default
<label class="toggle">
<input class="toggle__input" type="checkbox">
<div class="toggle__container"></div>
<div class="toggle__text">Visible</div>
</label>
1
2
3
4
5
2
3
4
5
Vertical
<label class="toggle toggle--vertical">
<input class="toggle__input" type="checkbox">
<div class="toggle__container"></div>
<div class="toggle__text">Visible</div>
</label>
1
2
3
4
5
2
3
4
5
Disabled
<label class="toggle">
<input disabled class="toggle__input" type="checkbox">
<div class="toggle__container"></div>
<div class="toggle__text">Visible</div>
</label>
1
2
3
4
5
2
3
4
5
← Textarea Breakpoints →