The FAQAccordion displays collapsible sections for FAQs or other content. It uses Framer Motion for smooth animations and Lucide icons for expand/collapse indicators.
The FAQAccordion component displays a list of items where each can be expanded to reveal more content. Perfect for help centers, product pages, or Q&A sections.
| Component | Prop | Type | Description |
|---|---|---|---|
| FAQAccordion | items | FAQItem[] | Array of FAQ objects containing id, question, and answer. |
| items[].id | number | Unique identifier for each FAQ entry. | |
| items[].question | string | The question text displayed in the header. | |
| items[].answer | string | The answer text revealed when expanded. |