Faq

3 to 10 questions on a narrow centred column, ruled rows, one open at a time: the usual FAQ.

role: conversion pages: home, product, landing, catalog, checkout motion: micro

Install

npx shadcn-vue@latest add @trame/content-faq   # Vue
npx shadcn@latest add @trame/content-faq       # React

@trame/content-faq--accordion

3 to 10 questions on a narrow centred column, ruled rows, one open at a time: the usual FAQ.

@trame/content-faq--two-columns

8 to 14 short questions split in two columns, to avoid a long scroll.

@trame/content-faq--grouped

a long FAQ sorted by theme, each theme its own short accordion with an index above it.

@trame/content-faq--aside-intro

the title, lead and help card in a sticky column beside the accordion: a landing or shop page where the FAQ sits next to a reassuring intro.

@trame/content-faq--open-numbered

every answer visible as a numbered list in two columns: five to eight short answers to read without clicking.

@trame/content-faq--card-grid

one card per question with its topic as a kicker, the help card as a bar under the grid: six to eight short answers to skim.

@trame/content-faq--question-table

ruled rows of question, one-line answer (the verdict) and topic tag, each opening on the full answer: many short answers scanned like a table.