Explore four practical configurations of the Tabs block. Each example contains real nested blocks and supports mouse, touch, and keyboard navigation.
Default tabs
A familiar horizontal layout for organizing related information without hiding the structure of the page.
A clear overview
Introduce the topic with the essential context visitors need before they explore the details.
Minimal, centered navigation
The Minimal style keeps the controls light and works well inside editorial pages, documentation, and compact product sections.
Useful details first
This example opens on the second tab, demonstrating how any panel can be selected as the initial active state.
Pill tabs with icons
The Pills style creates prominent controls for pricing, packages, audience segments, or other high-level choices.
Growth plan
Expanded tools for established teams that need repeatable workflows and clearer performance insights.
Boxed vertical tabs
A vertical tab list is a strong fit for dashboards, service descriptions, onboarding flows, and content with longer labels.
Strategy that stays visible
Use the first panel for goals, positioning, and the decisions that guide the rest of the work.