Tabs · Playful
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
Design · Playful15 / 20
Chunky outlined track; the selected tab is a bright pill with a hard drop that bounces between tabs.
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