Docs

FAQ Section

FAQ Section

A collection of premium, motion-enhanced FAQ components and sections.

FAQ Section

npx shadcn@latest add https://motion-x.vercel.app/r/v0/faq-section-demo.json

FAQ

Your Questions, Answered

Have more questions?

Book a free discovery call

Or, email me at contact@gmail.com

Installation

Props

FAQSection

Prop	Type	Default	Description
`title`	`string`	`"Your Questions, Answered"`	The main title of the section.
`subtitle`	`string`	`"FAQ"`	The subtitle shown above the main title.
`items`	`FAQItem[]`	-	The list of FAQ items (question, answer, value).
`cta`	`CTAConfig`	-	Configuration for the call-to-action tilt card.
`className`	`string`	-	Additional CSS classes for the section.

CTAConfig

Prop	Type	Description
`avatar`	`string`	Optional avatar image URL.
`title`	`string`	Help text title.
`subtitle`	`string`	Help text subtitle.
`buttonText`	`string`	Text for the CTA button.
`email`	`string`	Optional email contact text.
`onButtonClick`	`() => void`	Optional callback for button click.

Minimal FAQ

npx shadcn@latest add https://motion-x.vercel.app/r/v0/faq-demo.json

Installation

Props

Prop	Type	Default	Description
`items`	`FAQItem[]`	`-`	Array of FAQ items with question and answer.
`allowMultiple`	`boolean`	`false`	Whether multiple items can be open at once.
`defaultValue`	`string`	`-`	The value of the item that should be open by default.
`className`	`string`	`-`	Additional classes for the container.