Library

FAQ Accordion

FAQ Accordion

Animated accordion FAQ with plus icon rotation, smooth height transitions, and optional multi-open mode. Hover highlight on questions.

faqaccordionexpandAnimatePresence

Installation

bash
# Copy faq-accordion.tsx to your project
cp components/ui/faq-accordion.tsx your-project/components/ui/faq-accordion.tsx

How to use

tsx
import { FAQAccordion } from "@/components/ui/faq-accordion";
tsx
<FAQAccordion
  heading="Frequently asked questions"
  items={[
    { question: "What is this?", answer: "A component library." },
    { question: "Is it free?", answer: "Yes, MIT licensed." },
  ]}
/>

Dependencies

framer-motion

Exports

FAQAccordion

File

components/ui/faq-accordion.tsx
Preview

Frequently asked questions

Everything you need to know about our platform

Made with