Faq Pro 2: helpful votes and support cardPRO
An accordion where each answer asks Was this helpful, next to a sticky support card with chat and email.
Installation
Once per project: add the Pro registry and your licence key.
components.json{ "registries": { "@ballmac": "https://ui.ballmac.com/r/{name}.json", "@ballmac-pro": { "url": "https://ui.ballmac.com/r/pro/{name}.json", "headers": { "Authorization": "Bearer ${BALLMAC_LICENSE_KEY}" } } } }.env.localBALLMAC_LICENSE_KEY=your-licence-keyAdd it.
$ pnpm dlx shadcn@latest add @ballmac-pro/faq-pro-2Need a licence or help with setup?
Usage
import { FaqPro2 } from "@/components/ballmac/blocks/faq-pro-2/faq-pro-2"Dependencies
- npm
- lucide-react
Use with AI
Answers can be rated once; onRate reports the vote. The support card is a labelled aside. With the shadcn MCP server set up (guide), ask your agent:
Add the Ballmac UI Faq Pro 2: helpful votes and support card (@ballmac-pro/faq-pro-2) to this project with the shadcn MCP, then use it where it fits.
Use it for
- Support and product pages
Not for
- Large knowledge bases (use faq-pro-1)
Registry JSON (needs your licence key): https://ui.ballmac.com/r/pro/faq-pro-2.json
Covered by the Ballmac UI Pro license.
More faq blocks
FAQ 1: accordion with heading
Frequently asked questions in an accessible accordion, with the heading and a help line in a side column on desktop.
FAQ 2: searchable with topic filters
Frequently asked questions with live search that highlights matches, topic filters with counts, a friendly empty state and a support prompt. Topics scroll sideways on phones.
Faq Pro 1: searchable FAQ with highlights
A search box that filters questions and highlights the match, topic chips and an accordion. A friendly empty state links to support.