Tabs

@oddapp/ui · Tier 1

Horizontal tab navigation built on Radix Tabs primitives.

Default

Overview panel.

import { Tabs, TabsList, TabsTrigger, TabsContent } from '@oddapp/ui'

<Tabs defaultValue="overview">
  <TabsList>
    <TabsTrigger value="overview">Overview</TabsTrigger>
    <TabsTrigger value="activity">Activity</TabsTrigger>
    <TabsTrigger value="settings">Settings</TabsTrigger>
  </TabsList>
  <TabsContent value="overview">Overview panel.</TabsContent>
  <TabsContent value="activity">Activity panel.</TabsContent>
  <TabsContent value="settings">Settings panel.</TabsContent>
</Tabs>