toggle-group

Group of single/multi-select toggles via radios/checkboxes.

status: stable js: none support: has-selector

Preview

<div class="toggle-group"><input type="radio" name="X" id="X-1" checked><label for="X-1" class="toggle-group-item">A</label></div>

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

@import "@russfranky/shadcss/src/components/toggle-group.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add toggle-group

Native radios/checkboxes; no JS

.toggle-group .toggle-group-item .toggle-group-sm .toggle-group-lg

base/tokens