Docs / Components / FAQ 004
FAQ 004
A split two-column FAQ layout: sticky title and description on the left, smooth bottom-border accordion on the right. Ideal for marketing and landing pages.
Frequently asked questions
Everything you need to know about Rankflow UI. Can't find the answer you're looking for? Reach out to our team.
Dependencies
Install the following dependencies to use this component:
1npm install 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-004
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Frequently asked questions' | The left-column section heading. |
| subtitle | string | - | Optional descriptive text shown below the title. |
| items | FAQItem[] | DEFAULT_FAQS | Array of FAQ items with id, question, and answer. |
| className | string | '' | Additional CSS classes. |