跳到正文
Linasan UI

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>;

本页目录