FAQ Search
FAQs
Source and install need .
pnpm dlx shadcn@latest add @assembli/faq-splitFAQ Split
Two-column FAQ: a sticky heading, intro and contact card with an avatar and two actions on the left; topic pills with counts filter an accordion on the right. The open answer lifts into a card, the plus turns to a cross, and every question is deep-linkable with a hash and a copy-link button.
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"FAQ"title
React.ReactNode
Default
"Questions, answered"intro
React.ReactNode
items*
FaqSplitItem[]
categories
string[]
Pill order. Defaults to the order categories first appear in
items.defaultCategory
string
defaultOpen
string
Id of a question to show open on first render (a matching URL hash wins).
contact
FaqSplitContact
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "FAQ" | |
| title | React.ReactNode | "Questions, answered" | |
| intro | React.ReactNode | – | |
| items* | FaqSplitItem[] | – | |
| categories | string[] | – | Pill order. Defaults to the order categories first appear in items. |
| defaultCategory | string | – | |
| defaultOpen | string | – | Id of a question to show open on first render (a matching URL hash wins). |
| contact | FaqSplitContact | – |
