Tabs
Line, pill, button, vertical, scrollable, badge, folder, icon-only, status, and product-page tab variants with rich content
Line Tabs
Classic underline indicator with icons
Overview Dashboard
Total Users
12,480
+8.2% this month
Revenue
$48,295
+12.5% this month
Conversion
3.24%
-0.8% this month
Overall performance is trending upward. Revenue growth is outpacing user growth, indicating improved monetization. Monitor conversion rate closely.
Analytics Report — March 2026
Account Settings
Security Settings
Two-Factor Authentication
Require a code in addition to your password
Login Notifications
Email alerts for new sign-ins
API Access
Allow external apps to connect via API
Biometric Login
Use fingerprint or face ID to sign in
Billing & Plans
Starter
$9/mo
• 5 projects
• 10 GB storage
• Email support
Pro
CURRENT$29/mo
• Unlimited projects
• 100 GB storage
• Priority support
Enterprise
Custom
• Unlimited everything
• Dedicated server
• 24/7 SLA
Pill Tabs
Pill/segment control style with ghost selected state
Overview Dashboard
Total Users
12,480
+8.2% this month
Revenue
$48,295
+12.5% this month
Conversion
3.24%
-0.8% this month
Overall performance is trending upward. Revenue growth is outpacing user growth, indicating improved monetization. Monitor conversion rate closely.
Analytics Report — March 2026
Account Settings
Security Settings
Two-Factor Authentication
Require a code in addition to your password
Login Notifications
Email alerts for new sign-ins
API Access
Allow external apps to connect via API
Biometric Login
Use fingerprint or face ID to sign in
Billing & Plans
Starter
$9/mo
• 5 projects
• 10 GB storage
• Email support
Pro
CURRENT$29/mo
• Unlimited projects
• 100 GB storage
• Priority support
Enterprise
Custom
• Unlimited everything
• Dedicated server
• 24/7 SLA
Button Tabs
Outlined button style — active tab becomes filled primary
Overview Dashboard
Total Users
12,480
+8.2% this month
Revenue
$48,295
+12.5% this month
Conversion
3.24%
-0.8% this month
Overall performance is trending upward. Revenue growth is outpacing user growth, indicating improved monetization. Monitor conversion rate closely.
Analytics Report — March 2026
Account Settings
Security Settings
Two-Factor Authentication
Require a code in addition to your password
Login Notifications
Email alerts for new sign-ins
API Access
Allow external apps to connect via API
Biometric Login
Use fingerprint or face ID to sign in
Vertical Tabs
Left sidebar navigation with content panel on the right
Personal Information
Manage your profile details, bio, and public information visible to other users.
Account Settings
Notification Preferences
You have 5 unread notifications. Configure how and when you receive alerts.
Security Settings
Two-Factor Authentication
Require a code in addition to your password
Login Notifications
Email alerts for new sign-ins
API Access
Allow external apps to connect via API
Biometric Login
Use fingerprint or face ID to sign in
Billing & Plans
Starter
$9/mo
• 5 projects
• 10 GB storage
• Email support
Pro
CURRENT$29/mo
• Unlimited projects
• 100 GB storage
• Priority support
Enterprise
Custom
• Unlimited everything
• Dedicated server
• 24/7 SLA
Help & Support
Browse our documentation or contact the support team.
Scrollable Tabs
Horizontally scrollable when tabs overflow the container
January 2026
Showing analytics data for January. Revenue totaled $23520, with 8954 active users.
February 2026
Showing analytics data for February. Revenue totaled $68142, with 11911 active users.
March 2026
Showing analytics data for March. Revenue totaled $65038, with 11357 active users.
April 2026
Showing analytics data for April. Revenue totaled $35327, with 8058 active users.
May 2026
Showing analytics data for May. Revenue totaled $69007, with 9268 active users.
June 2026
Showing analytics data for June. Revenue totaled $66172, with 8506 active users.
July 2026
Showing analytics data for July. Revenue totaled $36828, with 12959 active users.
August 2026
Showing analytics data for August. Revenue totaled $22275, with 10055 active users.
September 2026
Showing analytics data for September. Revenue totaled $44609, with 11871 active users.
October 2026
Showing analytics data for October. Revenue totaled $32337, with 8450 active users.
Tabs with Notification Badges
Count badges on tabs to indicate unread or pending items
All Items (47)
Showing all 47 items across all categories and statuses.
Active Items (24)
24 items are currently active and visible to users.
Pending Review (8)
8 items are awaiting approval before going live.
Drafts (15)
15 draft items saved but not yet submitted for review.
Archived
Archived items are hidden from users but preserved for reference.
Card / Folder Tabs
Tabs that look like file folder tabs — active tab is part of the content panel
Overview Dashboard
Total Users
12,480
+8.2% this month
Revenue
$48,295
+12.5% this month
Conversion
3.24%
-0.8% this month
Overall performance is trending upward. Revenue growth is outpacing user growth, indicating improved monetization. Monitor conversion rate closely.
Analytics Report — March 2026
Account Settings
Billing & Plans
Starter
$9/mo
• 5 projects
• 10 GB storage
• Email support
Pro
CURRENT$29/mo
• Unlimited projects
• 100 GB storage
• Priority support
Enterprise
Custom
• Unlimited everything
• Dedicated server
• 24/7 SLA
Rich Dashboard Tab
Profile card with stats, activity feed, projects list, and team roster inside tabs.
Alexandra Thompson
ProSenior Product Designer · San Francisco, CA
24
Projects
847
Deployments
12
Team Members
99.9%
Uptime
Recent Activity
Deployed v2.4.1 to production
2 min agoUpdated environment variables for staging
1 hour agoInvited Jordan Lee to the team
3 hours agoRotated API keys for production
YesterdayArchived project legacy-v1
2 days agoActive Projects
liner-design-system
TypeScript · 124 deploys
marketing-site
Next.js · 58 deploys
api-gateway
Go · 203 deploys
admin-dashboard
React · 91 deploys
Team Members
Jordan Lee
Engineering Lead
Morgan Davis
Frontend Engineer
Casey Kim
Backend Engineer
Riley Chen
DevOps Engineer
Sam Patel
Product Manager
Wide Scrollable Tabs
8 tabs with icons and count badges — scrolls horizontally on narrow viewports.
Dashboard
Your personal command center. View key metrics, recent activity, and upcoming tasks at a glance.
Inbox
12 items
12 unread messages from your team and customers. Filter by project, priority, or sender.
Projects
8 items
8 active projects across 3 teams. 2 projects are due this week.
Documents
34 items
34 documents shared with you. Recently edited: Q1 Report, API Spec v3, Onboarding Guide.
Analytics
March 2026 analytics summary. Page views up 22%, conversions up 8% month-over-month.
Messages
3 items
3 unread direct messages. Jordan Lee sent you a design review request.
Archive
Archived items: 24 projects, 156 documents, 8 team channels from previous quarters.
Settings
Manage your account, notifications, integrations, billing, and team settings.
Icon-Only Tabs
Compact icon-only tab bar — ideal for sidebars or space-constrained layouts.
Analytics
Track your key metrics, conversion rates, and performance trends across all projects in one place.
Inbox
All messages, mentions, and notifications consolidated in a single inbox with smart filtering.
Profile
Manage your public profile, bio, contact information, and social links.
Settings
Configure your workspace, integrations, API tokens, and team permissions.
Alerts
Set up smart alerts for deployments, errors, and performance thresholds.
Docs
Browse and search your team's documentation, runbooks, and architecture diagrams.
Tabs with Counts & Status Dots
Each tab carries a colored count badge and an animated status dot for live-state feedback.
All · 94 items
Showing all 94 items across every status category. Use filters to narrow your view.
Active · 42 items
42 items are currently live and receiving traffic. Average response time: 84ms.
Building · 7 items
7 builds are currently in progress. Estimated completion within the next 2–4 minutes.
Failed · 3 items
3 deployments failed in the last 24 hours. Click a deployment to view error logs and retry.
Paused · 12 items
12 deployments are paused pending manual approval or scheduled maintenance window.
Archived · 30 items
30 archived deployments preserved for reference. Archived items do not consume compute resources.
Bordered Box Tabs
Filled active tab inside a bordered container — clean financial report style.
| Period | Revenue | Growth | Users |
|---|---|---|---|
| January 2026 | $24,820 | +12.4% | 1,284 |
| February 2026 | $27,510 | +10.8% | 1,402 |
| March 2026 | $31,090 | +13.0% | 1,621 |
| Period | Revenue | Growth | Users |
|---|---|---|---|
| Q1 2026 | $83,420 | +12.1% | 4,307 |
| Q2 2025 | $74,430 | +8.4% | 3,912 |
| Q3 2025 | $68,650 | +5.2% | 3,601 |
| Period | Revenue | Growth | Users |
|---|---|---|---|
| 2026 (YTD) | $83,420 | +12.1% | 4,307 |
| 2025 | $289,800 | +28.4% | 15,204 |
| 2024 | $225,700 | +18.2% | 11,890 |
Full Product Page Example
Complete e-commerce product tabs: Overview, Reviews, Specs, and FAQs — all with rich content.
Liner Pro Hub X1
In Stock$299.00
The Liner Pro Hub X1 is a professional-grade connectivity hub engineered for developers, designers, and power users who demand performance without compromise. With 14 ports, 10Gbps USB-C throughput, and 100W pass-through charging, it keeps your entire workspace connected from a single cable.
10Gbps USB-C
Thunderbolt 4
100W Charging
Pass-through
2.5G Ethernet
Multi-gigabit
4K@144Hz
DisplayPort 2.0
14 Ports
USB-A, C, HDMI
5-Year Warranty
US & EU
4.6
218 reviews
Marcus R.
Verified PurchaseMarch 8, 2026
Best hub I've ever used
I've tried at least 6 USB-C hubs over the past 3 years and this one is in a completely different league. Zero dropouts, charges my MacBook Pro and my iPad simultaneously without any throttling. The build quality is exceptional — it's heavy in a good way.
Priya S.
Verified PurchaseFebruary 28, 2026
Excellent performance, minor software nit
Performance is flawless. Running dual 4K monitors at 60Hz each with USB-C connected laptop — absolutely no issues. Docking one star only because the companion app for firmware updates is macOS-only for now. Confirmed Windows support is coming Q2 2026.
Alex W.
February 14, 2026
Game changer for my home office
Replaced three separate adapters with this one hub. Ethernet, dual HDMI, SD card, and multiple USB-A all working simultaneously without any performance degradation. The 100W charging is legitimately fast.
Connectivity
Power
Physical
The chassis is aerospace-grade anodized aluminum (6061-T6). Internal components use industrial-grade stainless steel fasteners with titanium heat spreaders for optimal thermal management.
Yes, the 2-year limited warranty is fully transferable to subsequent owners within the warranty period. Transfer requires registration at our support portal.
The product ships with open firmware under the Apache 2.0 license. Community firmware is supported via the official SDK. Custom firmware voids the hardware warranty but not software support.