tab-style-default

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/tab-style-default.tsx
import { Tabs, TabsPanels, TabsTrigger, TabsContent, TabsTriggerList } from "@/components/retroui/Tab";

export default function TabStyleDefault() {
  return (
    <Tabs>
      <TabsTriggerList>
        <TabsTrigger>Home</TabsTrigger>
        <TabsTrigger>About</TabsTrigger>
        <TabsTrigger>Contact</TabsTrigger>
      </TabsTriggerList>
      <TabsPanels>
        <TabsContent>
          Welcome to RetroUI, a retro styled UI library built with React,
          Tailwind CSS & Headless UI.
        </TabsContent>
        <TabsContent>This is the about section!</TabsContent>
        <TabsContent>And, this is the contact section!</TabsContent>
      </TabsPanels>
    </Tabs>
  );
}

Installation

npx shadcn@latest add @retroui/tab-style-default

Usage

import { TabStyleDefault } from "@/components/tab-style-default"
<TabStyleDefault />