# Tabs

> Tab bars and segmented controls.

- [Enclosed Tabs](https://www.assembli.design/components/enclosed-tabs.md): Folder tabs joined to a card: the active tab is a raised sheet of the card with curved, flared feet where it meets the panel border, and it slides between tabs as one shape. Actions at the end of the row and counts on tabs.
- [Expanding Tabs](https://www.assembli.design/components/expanding-tabs.md): Icon tabs that open up: each tab is just an icon until it's active, then its pill widens to reveal the label with a grid-track transition. Per-tab tints, a bottom-bar mode for mobile, and labels that stay in the accessible name.
- [Metric Tabs](https://www.assembli.design/components/metric-tabs.md): Analytics card whose tabs are the KPIs: label, figure and change against the last period on each tab, with a bar sliding along the active one. The chart below morphs between series and has a crosshair tooltip and an accessible table.
- [Overflow Tabs](https://www.assembli.design/components/overflow-tabs.md): Priority+ tabs for app headers: tabs that don't fit fold, in order, into a More menu, and picking one there promotes it into the strip under a sliding highlight. Measures live with a ResizeObserver, so it reflows as the container resizes.
- [Swipe Tabs](https://www.assembli.design/components/swipe-tabs.md): Mobile tabs you swipe between: pages sit in a scroll-snap pager, and the underline, its width, the label colors and the tab strip's scroll all track the swipe frame by frame. Mouse drag, glide on tap, unread counts and arrow-key support.
- [Underline Tabs](https://www.assembli.design/components/underline-tabs.md): Line tabs for page and repository navigation: a 2px underline slides to the active tab, a soft highlight follows the pointer from tab to tab, counts sit beside labels, and long strips scroll with fading edges while keeping the active tab in view.
- [Browser Tabs](https://www.assembli.design/components/browser-tabs.md): Chrome-style tab strip: the active tab flares into the page with inverted-radius corners, tabs drag to reorder with layout animation, close with a collapse, and the strip is a proper roving-tabindex tablist.
- [Liquid Tabs](https://www.assembli.design/components/liquid-tabs.md): Segmented tabs whose dark indicator springs between triggers with a squash on arrival, while panels blur-slide in from the direction of travel; full tablist keyboard support.
- [Segmented Control](https://www.assembli.design/components/segmented-control.md): iOS-style segmented control with a raised thumb that springs between options. A real radio group with roving focus; sm/md/lg sizes, icon options and a pill variant.
- [Vertical Tabs](https://www.assembli.design/components/vertical-tabs.md): Settings-style vertical tabs with descriptions and icons: a highlight with accent bar glides between tabs and the panel cross-fades in the direction you moved. Full ARIA tabs keyboard model.

Back to [all components](https://www.assembli.design/components.md).