Docs
标签

标签

一组分层的内容部分——称为标签面板——一次显示一个。

DocsAPI Reference
Account
Make changes to your account here. Click save when you're done.

安装

pnpm dlx shadcn@latest add tabs

用法

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
<Tabs defaultValue="account" className="w-[400px]">
  <TabsList>
    <TabsTrigger value="account">账户</TabsTrigger>
    <TabsTrigger value="password">密码</TabsTrigger>
  </TabsList>
  <TabsContent value="account">在这里修改你的账户信息。</TabsContent>
  <TabsContent value="password">在这里更改你的密码。</TabsContent>
</Tabs>
TableTextarea