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

NameTypeDescription
proptypedescription

Discover New Music

Find new music based on your listening habits.