Forms
Toggle group
segmented control, one value at a time.
new
Examples
<div class="seg" role="group" aria-label="Range">
<button type="button" aria-pressed="true">5 min</button>
<button type="button" aria-pressed="false">1 h</button>
<button type="button" aria-pressed="false">24 h</button>
</div>Classes
| Class | What it does |
|---|---|
.seg | bordered group |
.seg > button[aria-pressed=true] | accent fill |