Navegação

Tabs

Abas de navegação via Radix Tabs. Composto por Tabs, TabsList, TabsTrigger e TabsContent.


npx shadcn add @studio/tabs

Baseado em Radix Tabs — acessível por teclado e leitores de tela.

Preview

Visão geral do componente. O Tabs organiza conteúdo em seções paralelas navegáveis por teclado e acessíveis via ARIA.

<Tabs defaultValue="overview">
  <TabsList>
    <TabsTrigger value="overview">Visão Geral</TabsTrigger>
    <TabsTrigger value="code">Código</TabsTrigger>
  </TabsList>
  <TabsContent value="overview">
    Conteúdo da aba 1
  </TabsContent>
  <TabsContent value="code">
    Conteúdo da aba 2
  </TabsContent>
</Tabs>