Patterns
FAQ
Accordion list of questions where one item expands at a time.
An accordion list of questions where one item expands at a time. It takes a plain items array of { question, answer } and manages its own open state, so the host app just supplies (and translates) the content. Use defaultOpenIndex to choose which item starts open, or pass null to start fully collapsed.
Import
import { FAQ } from "@yuhuanowo/yunui/patterns";
Basic
FAQ
A prop-driven React component library.
Yes, it is open source under Apache-2.0.
Yes, via injected adapters.
Start collapsed
Pass defaultOpenIndex={null} so every item begins closed.
All collapsed
Yes, via design tokens.
Under @yuhuanowo/yunui/patterns.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultOpenIndex | number | null | 0 | Which item starts expanded (default: first). Pass null for all collapsed. |
| items* | FAQItem[] | — | The questions to render. The host app supplies (and translates) these. |