Tabs Navigation
Navigation
Tabs
Content organization tabs with underline, pill, and ghost button styles.
Underline Tabs
Classic tab navigation with bottom border indicator and badge support.
Tab content for overview
Pill Tabs
Contained tab style with background and active state.
Ghost Pill Tabs
Minimal tab style without container frame.
Features
Multiple Styles
Underline, pill, and ghost variants for different use cases.
Badges & Counts
Add status badges and notification counts to tabs.
Smooth Transitions
Animated active state changes for polished interactions.
Usage
Use tabs navigation for:
- Organizing related content sections on a single page
- Settings and configuration panels
- Filtering or categorizing lists and data
- Dashboard views with different perspectives