A modern, pill-style tab bar for switching categories or views. Supports icons, labels, and an emphasized active state for clear wayfinding across dashboards and lists.

Functionality

• Icon + text tabs with prominent selected pill and smooth transitions.

• Scrollable or fixed layouts; optional equal-width or content-width pills.

• Badges/counters (e.g., “All Teams”), disabled states, and overflow handling.

• Keyboard and screen-reader friendly (ARIA roles, focus ring, shortcuts).

• Works as navigation (route tabs) or as an inline filter (segmented control).

• Controlled/uncontrolled modes; persists last selection; emits onChange for data reload.

• Responsive theming (light/dark), custom colors, rounded radii, and elevation.

• Optional lazy loading per tab and deep-linking via query/route params.

Use cases

• Admin dashboards to switch between Teams, Sales, Marketing, Customers.

• Product/category filters in marketplace or catalog views.

• Settings pages to group sections (Profile / Security / Billing).

• Content apps (Articles / Videos / Podcasts) or analytics view toggles (Day / Week / Month).

• Mobile segmented controls where radio buttons are too heavy.

Keywords
segmented control, tab bar, category tabs, pill tabs, icon tabs, scrollable tabs, filter chips, ARIA tabs, responsive navigation, dashboard UI, Flutter/React/SwiftUI compatible