hextastudio/ui needs your support to stay running 🫶 Help us
Tabs
Tabs allows users to navigate between different sections of a component
Preview
Login
Enter your email and password to login to your account.
Installation
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 |
---|