Fieldbook
Sign in

Data display

FAQ Accordion

A vertical list of question headings where opening one panel slides its answer into view and closes whichever panel was open before it.

Using FAQ Accordion

A vertical list of question headings where opening one panel slides its answer into view and closes whichever panel was open before it.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: defaultOpen, accentColor, transitionMs, dividers

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Settings Group Accordion
2034Settings Group AccordionData displayA vertical group of labeled sections that can each expand independently, so more than one stays open at once unlike a typical single-open accordion.
Chevron accordion list
1935Chevron accordion listData displayA vertical stack of question rows that each expand to reveal an answer, with a chevron that flips upside down when its row is open.
Height Morph Accordion
2364Height Morph AccordionData displayA question list whose answer panels grow and shrink to their natural height with a spring, pushing the rows below them.
Masked Reveal Accordion
1997Masked Reveal AccordionData displayAn accordion whose panels are uncovered by a moving hard-edged mask as they open, so answers appear line by line instead of fading as a block.
Starred repos disclosure
2244Starred repos disclosureData displayA header row with a toggle button that reveals a short hidden list of starred repositories beneath one row that always stays visible.
Guide steps accordion
1976Guide steps accordionData displayA numbered accordion of guide steps whose panels can stay mounted while collapsed, so a running timer inside one keeps counting across a close and reopen.