组件
- 手风琴 (Accordion)
- 警示框 (Alert)
- 对话框 (Alert Dialog)
- 宽高比 (Aspect Ratio)
- 头像 (Avatar)
- 徽章 (Badge)
- 面包屑 (Breadcrumb)
- 按钮 (Button)
- 按钮组 (Button Group)
- 日历 (Calendar)
- 卡片 (Card)
- 轮播 (Carousel)
- 图表 (Chart)
- 复选框 (Checkbox)
- 折叠面板 (Collapsible)
- 组合框 (Combobox)
- 命令栏 (Command)
- 上下文菜单 (Context Menu)
- 数据表格 (Data Table)
- 日期选择器 (Date Picker)
- 对话框 (Dialog)
- 方向 (Direction)
- 抽屉 (Drawer)
- 下拉菜单 (Dropdown Menu)
- 空状态 (Empty)
- 字段 (Field)
- 悬浮卡片 (Hover Card)
- 输入框 (Input)
- 输入框组 (Input Group)
- OTP 输入框 (Input OTP)
- 项目 (Item)
- 快捷键 (Kbd)
- 标签 (Label)
- 菜单栏 (Menubar)
- 原生选择框 (Native Select)
- 导航菜单 (Navigation Menu)
- 分页 (Pagination)
- 气泡卡片 (Popover)
- 进度条 (Progress)
- 单选组 (Radio Group)
- 可调节大小 (Resizable)
- 滚动区域 (Scroll Area)
- 选择框 (Select)
- 分隔线 (Separator)
- 侧边栏 (Sheet)
- 导航侧边栏 (Sidebar)
- 骨架屏 (Skeleton)
- 滑块 (Slider)
- Sonner (吐司通知)
- 加载器 (Spinner)
- 开关 (Switch)
- 表格 (Table)
- 标签页 (Tabs)
- 文本域 (Textarea)
- 吐司 (Toast)
- 切换按钮 (Toggle)
- 切换组 (Toggle Group)
- 文字提示 (Tooltip)
- 排版 (Typography)
我们提供标准运输（5-7天）、快递（2-3天）和次日送达。国际订单免运费。
import {
Accordion,
AccordionContent,安装
pnpm dlx shadcn@latest add accordion
用法
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion"<Accordion type="single" collapsible defaultValue="item-1">
<AccordionItem value="item-1">
<AccordionTrigger>Is it accessible?</AccordionTrigger>
<AccordionContent>
Yes. It adheres to the WAI-ARIA design pattern.
</AccordionContent>
</AccordionItem>
</Accordion>示例
基础用法
基础折叠面板，每次只展示一项。默认第一个选项处于打开状态。
点击登录页面上的“忘记密码”，输入您的电子邮件地址，我们将向您发送重置密码的链接。该链接在24小时内有效。
import {
Accordion,
AccordionContent,多选
使用 type="multiple" 属性以允许同时打开多个项目。
管理您接收通知的方式。您可以为更新启用电子邮件提醒，或为移动设备启用推送通知。
import {
Accordion,
AccordionContent,禁用
在 AccordionItem 上使用 disabled 属性来禁用单个项目。
import {
Accordion,
AccordionContent,边框
在 Accordion 上添加 border，并在 AccordionItem 上添加 border-b last:border-b-0 以给项目添加边框。
我们提供月度和年度订阅计划。费用在每个周期开始时扣除，您可以随时取消。所有计划均包含自动备份、24/7 全天候支持和无限团队成员。
import {
Accordion,
AccordionContent,卡片 (Card)
将 Accordion 包装在 Card 组件中。
订阅与账单
有关您的账户、计划、付款和取消的常见问题。
我们提供三个订阅层级：入门版（9美元/月）、专业版（29美元/月）和企业版（99美元/月）。每个计划都包含逐步增加的存储限制、API访问权限、优先支持和团队协作功能。
import {
Accordion,
AccordionContent,RTL (从右至左)
要在 shadcn/ui 中启用 RTL 支持，请参阅 RTL 配置指南。
انقر على 'نسيت كلمة المرور' في صفحة تسجيل الدخول، أدخل عنوان بريدك الإلكتروني، وسنرسل لك رابطًا لإعادة تعيين كلمة المرور. سينتهي صلاحية الرابط خلال 24 ساعة.
"use client"
import {API 参考
有关更多信息，请参阅 Radix UI 文档。