Tabs · Swiss
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
Design · Swiss9 / 20
Heavy top rule, flush-left numbered-weight labels with wide gaps and a 5 px red underline, no boxes.
Motion
The indicator travels from the old tab to the new one, resizing to fit the label.
Accent
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
tabstablistnavigationsegmentedpanelssettings