@manhphi1309/tabs

A custom Tabs component built on top of Radix UI for the shadcn-custom monorepo.

Subcomponents

• Tabs
• TabsList
• TabsTrigger
• TabsContent

Dependencies

• @manhphi1309/utils
• class-variance-authority
• radix-ui

Installation

npm install @manhphi1309/tabs

Usage Example

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@manhphi1309/tabs"

export default function App() {
  return (
    <Tabs defaultValue="account" className="w-[400px]">
      <TabsList>
        <TabsTrigger value="account">Account</TabsTrigger>
        <TabsTrigger value="password">Password</TabsTrigger>
      </TabsList>
      <TabsContent value="account">
        Make changes to your account here.
      </TabsContent>
      <TabsContent value="password">Change your password here.</TabsContent>
    </Tabs>
  )
}