Segmented Control
Picks one value from a few and is never empty; the selection slides between equal-width items.
Installation
npx yolkui add segmented-controlSizes and pill
The same heights, padding and type as Button. Every item is as wide as the widest one, so the control reads as one piece.
xs · 28
sm · 32
default · 36
lg · 40
Full width
Give it a width and the items share it equally.
Icons
Icons follow Button's spacing. An icon-only item is square and needs an aria-label.
Disabled
A disabled item fades to 60% and cannot be picked.