FAQ Search
FAQs
Source and install need .
pnpm dlx shadcn@latest add @assembli/faq-tabsFAQ Tabs
The classic centred FAQ section: category tabs with counts over a hairline accordion, one answer open at a time or several. Search looks across every topic, groups hits under their category, highlights the matched words and opens answers where the match is. Questions deep-link by hash, find-in-page opens closed answers, and a "Still have questions?" card with team avatars closes it.
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"FAQ"title
React.ReactNode
Default
"Frequently asked questions"intro
React.ReactNode
items*
FaqTabsItem[]
categories
string[]
Tab order. Defaults to the order categories first appear in
items.defaultCategory
string
multiple
boolean
Default
falseLet several answers stay open at once.
searchable
boolean
Default
trueShow the search field.
searchPlaceholder
string
Default
"Search questions"contact
FaqTabsContact
| Description | |||
|---|---|---|---|
| eyebrow | React.ReactNode | "FAQ" | |
| title | React.ReactNode | "Frequently asked questions" | |
| intro | React.ReactNode | – | |
| items* | FaqTabsItem[] | – | |
| categories | string[] | – | Tab order. Defaults to the order categories first appear in |
| defaultCategory | string | – | |
| multiple | boolean | false | Let several answers stay open at once. |
| searchable | boolean | true | Show the search field. |
| searchPlaceholder | string | "Search questions" | |
| contact | FaqTabsContact | – |
