# Category Tabs FAQ block

> Two-column FAQ with sticky intro, line-tab category filter, and multi-open accordion cards

Two-column FAQ: sticky intro plus a line-variant Tabs row that filters questions by category and re-mounts a multiple-mode Accordion of bordered Cards, first answer open. ReUI Badge, shadcn Tabs, Accordion, Card, Button. For help and FAQ pages.

- Type: Pro block
- Category: [FAQ](https://web.dev.reui.io/blocks/marketing/faq.md)
- Page: https://web.dev.reui.io/blocks/marketing/faq/faq-1
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/accordion.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/accordion.md
- MCP: `get_block("faq-1")`
- Built with: Accordion, Badge, Button, Card, Tabs
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Questions filtered by topic tabs, each in its own card with several answers open at once, beside a sticky intro

## Agent notes

- Replace the sample questions in `faqCategories`; the topic tabs are built from its labels, so adding a category adds a tab
- Switching a tab re-mounts `FaqAccordion` through `activeTab`, so answers the visitor opened reset and the first one opens again
- The Talk to support button is an anchor with a hash `href`; point it at your help desk or a mailto address

## When not to use

- A short list of questions that needs no topic filter or side intro: use [Single-Column FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-4.md) (`get_block("faq-4")`)
- Answers that must all be readable at once without expanding: use [Open Answers FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-3.md) (`get_block("faq-3")`)

## Install

```bash
npx shadcn@latest add @reui/faq-1
```

## About FAQ blocks

### 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

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.