Tabs · Material
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
Design · Material1 / 20
M3 primary tabs: 48 px strip, rounded-top 3 px accent indicator, tinted hover state layer, tonal card.
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