Swap

Text swap

Toggle between two words

OFF

Icon swap

Volume icons (no effect)

Rotate effect

Sun / moon theme toggle

Hamburger / close icon

Flip effect

Emoji flip

😈

😇

Heart favourite

Pre-checked state

Starts in the "on" state (checked=true)

Class-based active (no checkbox)

Use active to control state purely via a server-side boolean or client-side class toggling. No hidden checkbox is rendered — clicking the label does nothing by default.

active=false

OFF

active=true

OFF

JS-toggled — click to flip swap-active class