FAQ

organisms

FAQ accordion — grouped questions with optional categories. Single or multi-expand. Schema.org FAQPage JSON-LD for SEO.

ARIA Role: region

Demo

Demo for FAQ (organisms)

FAQ accordion — grouped questions with optional categories. Single or multi-expand. Schema.org FAQPage JSON-LD for SEO.

Props

Prop	Type	Required	Default	Description
`items`	`FAQItem[]`	Yes	`—`	3-30 items
`ariaLabel`	`string`	Yes	`—`

TypeScript Interface

interface FAQProps {
  items: { id: string; question: string; answer: string; category?: string }[];
  categories?: { id: string; label: string }[];
  multiple?: boolean;
  ariaLabel: string;
}

Assertions (NASA Rule 5)

[type]items bounded 3-30 (NASA Rule 2)(NASA Rule 2)
[aria]Each item is <details><summary> OR button+aria-expanded pattern; JSON-LD included(WAI-ARIA Accordion Pattern)

Usage

Import

import { Faq } from '@epasslive/design-system'

Basic

<Faq />

With Variants

<Faq variant="primary" size="md" />