Accordion 折叠面板
一组可以展开收起的内容区,基于 Radix Accordion。
在登录页点「忘记密码」,按邮件或短信验证码重置。
属性与 Radix Accordion 相同。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/accordion.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。
用法
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
<Accordion type="single" collapsible>
<AccordionItem value="a">
<AccordionTrigger>标题</AccordionTrigger>
<AccordionContent>内容</AccordionContent>
</AccordionItem>
</Accordion>;