Skip to main content

# Tabs

Underline tabs, pill tabs, and vertical tabs — using Bootstrap's nav-tabs / nav-pills components.

##### UNDERLINE TABS (DEFAULT)

## Same pattern as the settings page

Tabs sit on top of an underline; the active one shows a brand-blue rail.

Overview content goes here. Quick summary of the active item with KPIs and a chart.

Details tab — fields, attributes, descriptions.

History tab — chronological log of changes.

Team tab — members and their roles.

##### PILL TABS

12 unread messages.

3 starred messages.

2 drafts saved.

128 archived messages.

##### VERTICAL TABS

### Account

Profile photo, name, email, language, and timezone.

### Security

Password, two-factor authentication, and active sessions.

### Notifications

Email and in-app notification preferences.

### Billing

Plan, payment method, and invoices.

Copyright © 2026 Colorlib. All rights reserved. Template by Colorlib.