Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Preview

Variants

Glassmorphic

Retro Neobrutalism

Glow Accent

Component Concept

Vibe UI's Tabs component provides tabbed content structures built on Radix UI Tabs primitives. It divides content into distinct panels accessible via navigation trigger selectors.

Sub-Components

• Tabs: Root state wrapper holding active panel coordinates.
• TabsList: Flex row containing the tab toggle triggers.
• TabsTrigger: Navigation button mapping to specific panels.
• TabsContent: Container panel containing components.