Tabs · Clay
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
Design · Clay7 / 20
A pressed-in clay well holds the tabs; the selected tab is a raised accent pill that slides along.
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