# Shadcn FAQ blocks

> FAQ and accordion sections for common questions, knowledge bases, and support pages.

- Type: Pro blocks (Marketing)
- Page: https://web.dev.reui.io/blocks/marketing/faq
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/accordion.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/accordion.md
- Blocks: 6
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## When to use

- A questions and answers section on a landing, pricing or product page, collapsed or laid open
- Objections a buyer raises before signing up, answered in place with a route to support for the rest
- A help center page of common questions, with or without topic tabs that filter them

## When not to use

- A few collapsible rows inside a settings panel, filter sidebar or form: use [Accordion](https://web.dev.reui.io/components/accordion.md) (`get_component("accordion")`)
- A page built around a message form, office addresses or support channels: use the [Contact blocks](https://web.dev.reui.io/blocks/marketing/contact.md)
- A help panel where visitors type their own question and an assistant replies: use the [AI Chat blocks](https://web.dev.reui.io/blocks/ai-agents/ai-chat.md)

## Agent notes

- Every block renders a prop-less `Faq` whose questions pitch ReUI blocks; replace them in `faqCategories`, `FAQ_COLUMNS`, `faqItems` or `FAQ_ITEMS`
- Every support link and button points at a hash `href`; aim each one at your help desk, docs, booking page or a mailto address
- Each page.tsx centers `Faq` in a `min-h-svh` wrapper; drop it when the section sits inside your landing page

## Blocks

- [Category Tabs FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-1.md): Two-column FAQ with sticky intro, line-tab category filter, and multi-open accordion cards. Best for questions filtered by topic tabs, each in its own card with several answers open at once, beside a sticky intro.
- [Two-Column FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-2.md): Centered two-column FAQ with multi-open divider accordion and a dot-grid framed support panel. Best for a 2 column list that opens the first answer in each column, above a dot textured panel for booking a review.
- [Open Answers FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-3.md): Open no-accordion FAQ with always-visible two-column answer grid and two-CTA support row. Best for every answer printed open in a hairline 2 column grid with nothing to expand, plus support desk and docs links.
- [Single-Column FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-4.md): Centered single-column FAQ with help eyebrow and borderless single-open accordion. Best for a centered single column of bare divider rows, 1 answer open at a time, ending in a text link to the team.
- [Support Sidecard FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-5.md): Two-column FAQ pairing a single-open accordion card with a sticky support-CTA sidecard. Best for questions in 1 card beside a sticky side card that offers a support button and an email fallback.
- [Support Footer FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-6.md): Single-column FAQ accordion with built-in contact-support footer inside one stacked ReUI Frame tray. Best for a stacked Frame that holds the questions in 1 panel and a muted docs and support footer in the next.

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.