Basic Tabs

Standard horizontal tabs with controlled state and content panels.

Dashboard Content

Scrollable Tabs

Tabs that can scroll horizontally when content overflows the container width.

Full Width Tabs

Tabs that expand to fill the entire width of their container.

Vertical Tabs

Tabs arranged vertically, perfect for sidebar navigation.

General Settings

Icon Tabs

Tabs enhanced with icons for better visual context and usability.

Home Content

Disabled Tabs

Individual tabs can be disabled to indicate unavailable functionality.

Colored Tabs

Customize the indicator and text colors to match your design system.

Home Content with Custom Colors

Controlled Tabs with External Controls

Programmatically control which tab is active using external buttons or logic.

Step 1 Content

Wrapped Labels Tabs

Tabs with longer labels that can wrap to multiple lines when needed.

User Management Content