Docs / Components / FAQ 001
FAQ 001
A premium FAQ section with smooth accordion interactions, optional subheading, and responsive preview controls.
Frequently asked questions
Find answers to the most common questions about Rankflow UI and how to build amazing interfaces faster.
Rankflow UI focuses on premium aesthetics and smooth motion. Unlike generic libraries, every component is hand-crafted with attention to detail, using modern animations that feel natural and high-end.
Still have questions?
We're here to help you build better.
Dependencies
Install the following dependencies to use this component:
1npm install motion lucide-react clsx tailwind-merge
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add faq-001
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Frequently asked questions' | The main title of the section. |
| subheading | string | - | Optional subheading text. |
| items | FAQItem[] | DEFAULT_FAQS | Array of FAQ items with id, question, and answer. |
| showPreviewControls | boolean | true | Whether to show the responsive preview buttons. |
| className | string | '' | Additional CSS classes. |