Feedback
FAQ 折叠面板
一个可访问的 FAQ 折叠区域，包含可展开问题和流畅动画。
作者：mcpSkills
框架
nextjs
UI 库
shadcntailwind
难度beginner
英文提示词
Create an FAQ accordion section with 6 questions and answers. Use shadcn/ui Accordion component and Tailwind CSS. Each item has a question header and expandable answer with smooth height animation. Include proper ARIA attributes for accessibility. Allow only one item open at a time. Make it responsive and add a search/filter input at the top to filter questions.
中文提示词
创建一个包含 6 个问答的 FAQ 折叠区域。使用 shadcn/ui Accordion 组件和 Tailwind CSS。每个项目包含问题标题和可展开答案，并带有平滑高度动画。包含正确的 ARIA 属性以支持无障碍。一次只允许一个项目展开。使其响应式，并在顶部添加搜索/筛选输入以过滤问题。
## 概述
一个让用户快速扫视的紧凑 FAQ 区域。用户只展开他们关心的问题。
## 功能特性
- 6 个可展开 FAQ 项目
- 流畅打开/关闭动画
- 单项目展开模式
- 搜索/筛选输入
- 可访问 ARIA 标记
- 响应式布局
## 使用方法
将提示词复制到 v0 或 Cursor 中。将问答内容替换为你的真实常见问题。
## 自定义选项
修改提示词以：
- 允许同时展开多个项目
- 添加分类/分组
- 包含图标或插图
- 添加 "是否有帮助？" 反馈