Components

These components demonstrate how to build scalable semantic UI with TailUI.

Toggle

Switch toggle with color variants and sizes.

Preview

NotificationsDark modeAuto-save

Code

1<label class="ui-toggle">
2  <input type="checkbox" checked />
3  <span class="ui-track"></span>
4  Notifications
5</label>
6
7<label class="ui-toggle">
8  <input type="checkbox" />
9  <span class="ui-track"></span>
10  Dark mode
11</label>
12
13<label class="ui-toggle ui-success">
14  <input type="checkbox" checked />
15  <span class="ui-track"></span>
16  Auto-save
17</label>