چیدمانAccordion

آکاردئون

محتوای قابل باز و بسته شدن

پیش‌فرض

آکاردئون ساده

<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>عنوان محتوا</AccordionTrigger>
    <AccordionContent>محل نمایش محتوای اصلی</AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-2">
    <AccordionTrigger>عنوان دوم</AccordionTrigger>
    <AccordionContent>محتوای بخش دوم</AccordionContent>
  </AccordionItem>
</Accordion>

نصب دستی

وابستگی‌ها

برای استفاده از Accordion، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-accordion

کد زیر را می‌توانید در پروژه خود کپی کنید تا Accordion را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

چندگانه

آکاردئون با چند بخش باز همزمان

با آیکون

آکاردئون با آیکون در عنوان