Skip to content

Ssstyles › Toggle

Source

The toggle is really just a fancy checkbox, but it's better suited to convey the state of a thing.

You need to import the CSS file and assign the data attribute to use it.

@import "ssstyles/css/toggle.css" layer(components);
<input type="checkbox" data-toggle id="toggle" /> <label for="toggle">Pull the switch!</label>

<input type="checkbox" data-toggle disabled id="notoggle" /> <label for="notoggle">Don't pull the switch!</label>