switch

Toggle switch built on <input type=checkbox>.

status: stable js: none support: baseline

Preview

<input type="checkbox" class="switch" checked>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/switch.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add switch

Native checkbox; add role=switch for SR

.switch .switch-sm .switch-lg

base/tokens