Docs
手风琴 (Accordion)

手风琴 (Accordion)

一组垂直堆叠的交互式标题，每个标题都可以显示一个内容部分。

DocsAPI Reference

安装

pnpm dlx shadcn@latest add accordion

使用示例

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion"
<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>它是否可无障碍访问？</AccordionTrigger>
    <AccordionContent>
      是的，它遵循 WAI-ARIA 设计模式
    </AccordionContent>
  </AccordionItem>
</Accordion>
侧边栏 Sidebar警告 Alert