FAQ Accordion

An accordion-style FAQ section with smooth expand/collapse animations.

What is Interaction Design?

Principles & Patterns

Usability & Accessibility

Prototyping & Testing

UX Optimisation

Installation

1

Run the following Command

>_npx shadcn@latest add https://minimal-ui-eta.vercel.app/r/faq.json

Props

PropTypeDefaultDescription
items{ id: string | number; title: string; answer: React.ReactNode }[]undefinedArray of FAQ items containing a title and answer.
classNamestring""Optional CSS classes to style the outer container.