Skip to content
Aback UI

Block · Marketing

FAQ

Questions in an accordion with indexable closed answers and optional FAQPage structured data.

Beta2 componentsRegistry JSON (opens in a new tab)
the FAQ preview in a new tab

Desktop at 1280 pixels. The frame scrolls when the block is taller than 900 pixels. Example data is labelled inside the preview.

Installation

One item installs the block and every component it imports.

npx aback-ui@latest add faq

The block lands at components/blocks/faq.tsx. First time in this project? Run npx aback-ui@latest init first, as the installation guide shows. Blocks are copied with the CLI; they are not part of the npm package.

Built from

The registry installs these components with the block.

What to customize

  • Answers are plain strings so they can be mirrored into structured data. Separate paragraphs with a blank line.
  • Set structuredData only for questions answered on this page. Search engines treat mismatched FAQ markup as spam.
  • The first answer starts open; all answers stay in the HTML, so in-page search and crawlers can find them.

Accessibility

  • Each question is a button with aria-expanded inside a heading, the standard accordion pattern.
  • Several answers can be open at once, so readers can compare.
  • The JSON-LD escapes angle brackets, so an answer cannot break out of its script tag.