Docs
Tabs
Tabs
Inspired by tabs seen in Vercel and v0 demonstration.
Account Settings
Manage your account settings and preferences.
Installation
pnpm dlx shadcn@latest add https://deltacomponents.dev/r/tabs
Usage
"use client"
import * as React from "react"
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/registry/components/tabs"
export function Component() {
return (
<Tabs defaultValue="account">
<TabsList>
<TabsTrigger value="account">Account</TabsTrigger>
<TabsTrigger value="password">Password</TabsTrigger>
</TabsList>
<TabsContent value="account">Account settings</TabsContent>
<TabsContent value="password">Password settings</TabsContent>
</Tabs>
)
}
API Reference
Parameters
Name | Type | Description |
---|---|---|
prop | type | description |
Discover New Music
Find new music based on your listening habits.