Theme:
Swap
Swap toggles between two states using a hidden checkbox. Add dui-swap-rotate or dui-swap-flip for an animated transition.
Text Swap
<label class="dui-swap">
<input type="checkbox" />
<span class="dui-swap-on">ON</span>
<span class="dui-swap-off">OFF</span>
</label>
Icon Swap (rotate)
<label class="dui-swap dui-swap-rotate">
<input type="checkbox" />
<span class="dui-swap-on">✕</span>
<span class="dui-swap-off">☰</span>
</label>