Tabs

Switches the panel below it; a segmented list whose selection slides between equal-width tabs.

Your name and email, as your team sees them.

Installation

npx yolkui add tabs

Sizes and pill

The same heights, padding and type as Button. Every tab 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 the list a width and the tabs share it equally.

Icons

Icons follow Button's spacing. An icon-only tab is square and needs an aria-label.