Docs
选项卡

选项卡

一组分层的文本部分，称为选项卡面板，一次显示一个面板。

DocsAPI Reference

Account

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

安装

npx shadcn-ui@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>