Aspekt logoAspekt UI

Tabs is used to switch between related panels.

Overview

Tabs keep dense product surfaces scan-friendly by separating related content into predictable panels.

tsx
import { TabsRoot, TabsList, TabsTab, TabsPanel, TabsIndicator } from "@/components/aspekt/tabs";
<TabsRoot defaultValue="overview">  <TabsList>    <TabsTab value="overview">Overview</TabsTab>    <TabsTab value="usage">Usage</TabsTab>    <TabsTab value="api">API</TabsTab>    <TabsIndicator />  </TabsList>  <TabsPanel value="overview">    Tabs group related content into focused panels.  </TabsPanel>  <TabsPanel value="usage">Use arrow keys to move between tabs.</TabsPanel>  <TabsPanel value="api">Pair each tab with a matching panel.</TabsPanel></TabsRoot>