Contact Split
Contact
Source and install need .
pnpm dlx shadcn@latest add @assembli/support-hubSupport Hub
Help-centre front door: a large search that answers from your articles as you type, with highlighted matches, arrow-key navigation, Enter to open and popular searches to start from. Below it, contact channel cards show live status, and phone-style channels with opening hours say whether they're open right now in their own time zone and when that changes.
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"Support"title
React.ReactNode
Default
"How can we help?"intro
React.ReactNode
articles*
SupportHubArticle[]
popular
string[]
Chips under the empty search that fill it in.
channels*
SupportHubChannel[]
footer
React.ReactNode
A line at the bottom, e.g. a system status link.
searchHref
string
Where "See all results" goes; gets
?q=appended.
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "Support" | |
| title | React.ReactNode | "How can we help?" | |
| intro | React.ReactNode | – | |
| articles* | SupportHubArticle[] | – | |
| popular | string[] | – | Chips under the empty search that fill it in. |
| channels* | SupportHubChannel[] | – | |
| footer | React.ReactNode | – | A line at the bottom, e.g. a system status link. |
| searchHref | string | – | Where "See all results" goes; gets ?q= appended. |
Related
Block
Book a Demo
Contact