Tabs

Tabs component documentation.

Usage

This is the content for Tab 1.

import { Tabs, TabsList, TabsTrigger, TabsContent } from "@aqqo/aqqo-ui";

<Tabs defaultValue="tab1">
  <TabsList>
    <TabsTrigger value="tab1">Tab 1</TabsTrigger>
    <TabsTrigger value="tab2">Tab 2</TabsTrigger>
    <TabsTrigger value="tab3">Tab 3</TabsTrigger>
  </TabsList>
  <TabsContent value="tab1">
    <p>This is the content for Tab 1.</p>
  </TabsContent>
  <TabsContent value="tab2">
    <p>This is the content for Tab 2.</p>
  </TabsContent>
  <TabsContent value="tab3">
    <p>This is the content for Tab 3.</p>
  </TabsContent>
</Tabs>

Props

Tabs wraps Radix Tabs. Tabs (Root): Inherits Radix Tabs.Root (defaultValue, value, onValueChange, orientation, etc.). TabsList: Inherits Radix TabsList plus className. TabsTrigger: Inherits Radix TabsTrigger (value) plus className. TabsContent: Inherits Radix TabsContent (value) plus className.