Tab
Individual tab button used inside a Tabs container. Set active to highlight the current tab.
Active vs Inactive
The active tab is visually highlighted with a bottom border and bold text.
With Icons
Combine icons with text labels for clearer navigation.
Dashboard Tabs
Analytics dashboard tabs switching between data views.
Mail Client
Email client tabs for inbox, sent, and archived messages.
Usage
Props
| Prop | Type | Description |
|---|---|---|
active | text | Set to "true" to highlight as the selected tab |
click | handler | Click event handler for tab selection |
children | content | Tab label - text, icons, or both |