Content for tab 1
Content for tab 2
Content for tab 3
Home content
Profile content
Messages content
Settings content
Home content
Profile content
Messages content
Dashboard content
Analytics content
Reports content
Dashboard content
Analytics content
Reports content
Code repository
Issue tracker
Pull requests
Profile content
Favorites content
Settings content
Account settings
Security settings
Notification preferences
Dashboard content
Users content
Settings content
All items (48)
Active items (12)
Pending items (5)
Closed items (31)
Small tab content
Small tab 2
Small tab 3
Default tab content
Default tab 2
Default tab 3
Large tab content
Large tab 2
Large tab 3
Features content
Pricing content
Testimonials content
Mobile view
Tablet view
Desktop view
Default behavior - tabs wrap to multiple lines when constrained
User Management content
Reports content
Settings content
Pills wrap by default (no modifier needed)
User Management
Reports
No-wrap modifier prevents wrapping - tabs overflow in single line (use when you want horizontal scroll)
User Management content
Reports content
Settings content
Dashboard - arrows appear when tabs overflow
Organizations content
Pills with horizontal scroll
Organizations - inactive tabs show only icons
User Management
Reports
Settings
Dashboard content
Analytics content
Users content
Settings content
Home content
Profile content
Messages content
View content
Edit content
Delete content
Dashboard content
Analytics content
Reports content
Overview content - tabs can exist outside cards for page-level navigation
Vertical standalone tabs work great for sidebar-style navigation
Dashboard content - entire tab system wrapped in card-like border
Settings content
Profile content
Overview - bordered vertical tabs with divider
Reports content
Settings content
Overview content — tab row renders at $card-header-min-height with
$card-header-padding, matching adjacent pa-card headers cleanly.
Analytics content
Logs content