چیدمان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 را به صورت دستی اضافه کنید:
نمونههای بیشتر
چندگانه
آکاردئون با چند بخش باز همزمان
با آیکون
آکاردئون با آیکون در عنوان