Tabs & Accordions

Tabbed interfaces and collapsible content panels.

Basic Tabs

This is the Home tab content. You can place any HTML elements here.

This is the Profile tab content. Customize it with user information.

This is the Messages tab content. Display inbox items or notifications.

Pill Tabs

Overview content: high-level summary with key metrics and stats.

Analytics content: charts, graphs, and trend analysis.

Settings content: configuration options and preferences.

Tabs with Icons

Home dashboard content with summary widgets.

User profile details and account information.

Application settings and preferences panel.

Alert notifications and system messages.

Vertical Tabs
Dashboard

Main dashboard with KPIs, charts, and recent activity feed.

Users

Manage user accounts, roles, and permissions.

Reports

Generate and export reports in CSV or PDF format.

Billing

Manage subscriptions, invoices, and payment methods.

Basic Accordion

Trivoxa is a full-featured Bootstrap 5 admin template with 60+ pages covering UI components, forms, charts, and app modules.

Customize using CSS custom properties defined in app.css. Override --jit-primary, --jit-sidebar-width, and other variables to match your brand.

Yes! Dark mode is toggled via data-bs-theme="dark" on the HTML element and stored in localStorage so user preference persists across sessions.
Flush Accordion

Content for section one. This accordion has no outer border, making it suitable for card bodies.

Detailed information goes here. Expand to read the full content of this section.

Concluding remarks and summary of the topic. Always end with a clear call to action.