Tabs - hextastudio/ui

hextastudio/ui needs your support to stay running 🫶 Help us

Preview

Login

Enter your email and password to login to your account.

Email*Password*

Installation

bash

npx hexta-ui add tabs

tsx

import { Tab, TabProvider, TabHeader, TabContent } from "@/components/hexta-ui/Tabs";

Usage

tsx

<TabProvider defaultActiveTab="1">
  <div className="flex flex-col space-y-4">
    <div className="flex gap-1 bg-zinc-950  rounded-md p-1">
      <TabHeader id="1">Tab 1</TabHeader>
      <TabHeader id="2">Tab 2</TabHeader>
    </div>
    <Tab>
      <TabContent id="1">
        <p>This is the content for Tab 1.</p>
      </TabContent>

Props Information

Prop Name

Prop Type

Default Value

Description

Prop Name	Prop Type	Default Value	Description