Documentation

Tabs

Tabbed content sections for organizing related information.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { Tabs, TabsList, TabsTrigger, TabsContent } from "@rouf-dev/pantheon-ui";

<Tabs defaultValue="tab1">
  <TabsList>
    <TabsTrigger value="tab1">Tab 1</TabsTrigger>
    <TabsTrigger value="tab2">Tab 2</TabsTrigger>
  </TabsList>
  <TabsContent value="tab1">
    Content for Tab 1
  </TabsContent>
  <TabsContent value="tab2">
    Content for Tab 2
  </TabsContent>
</Tabs>

Examples

Default

Account

Make changes to your account here.

Update your account settings and preferences.