Tabs
Basic, pill, underline, vertical — with icons and counts. Multiple variations on one page.
Basic Tabs
Default segmented style from the ui library
Active tab: overview
Switch tabs to update this panel content.
With Icons
Each tab can have a leading icon
Account
Manage your account preferences
With Counts
Numeric badge on each tab
124 items
in the all view
Pill Tabs
Rounded full pills with gradient active state
Showing teams in design
Underline Tabs
Minimal style with bottom border indicator
View: week
Analytics summary for the selected period.
Underline + Counts
Combine the two patterns
Showing 87 active items.
Vertical Tabs
Side-by-side tab list with content panel
Profile
Update your profile settings
This is the content area for the Profile tab. Vertical tabs are great for settings pages where the tab list acts as a secondary sidebar.
Sidebar-style Tabs
Left-rail navigation with detail panel
account
Settings panel for account. Use the rail on the left to switch sections.