Tabs

12 patterns

Composition

Arrangement

Content

Density

Tabs — Bottom bar with icons
Layout tags: stacked,icons,media,compact
Tabs — Centered period choices and a metric
Layout tags: centered,stacked,numbers,compact
Tabs — Counted links with More menu
Layout tags: row,layered,numbers,compact
Tabs — Counted views beneath a toolbar
Layout tags: stacked,row,numbers,compact
Tabs — Disclosure selector that becomes a tab row
Layout tags: stacked,layered,compact
Tabs — Enclosed tabs on a bordered panel
Layout tags: row,layered,compact
Tabs — Grouped view choices in two columns
Layout tags: grid,stacked,compact
Tabs — Numbered stage views
Layout tags: row,stacked,numbers,compact
Tabs — Segmented pills with panel
Layout tags: row,list,compact
Tabs — Selector cards above a content panel
Layout tags: grid,stacked,icons,compact
Tabs — Underline with panels
Layout tags: row,compact
Tabs — Vertical rail with panel
Layout tags: sidebar,icons,compact