# Accordion
يعرض أقسام المحتوى ويخفيها تحت عناوينها. ثلاثة أحجام وسهم في البداية أو النهاية وبلا إطار، وفتح قسم واحد أو عدة أقسام.
## التثبيت
## الاستخدام
```tsx title="page.tsx"
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
export function ServiceFaq() {
return (
من يستطيع التقديم؟المواطنون والمقيمون ممن لديهم هوية سارية.كم تستغرق المعالجة؟تُنجز معظم الطلبات خلال ٥ أيام عمل.
);
}
```
استخدم Accordion لمحتوى يتصفحه الناس بعناوينه ولا يفتحون منه إلا جزءًا: أسئلة وأجوبة أو أقسام نموذج طويل. ولا تخفِ ما يجب أن يقرأه الجميع. يُفتح قسم واحد في كل مرة افتراضيًا؛ وضبط `multiple` يتيح فتح عدة أقسام.
## البنية
- **العنصر**: قسم واحد، وفوقه خط بسمك 1px. وتعرّفه `value`.
- **الزر** (`