Fieldbook
Sign in

Data display

Settings Group Accordion

A vertical group of labeled sections that can each expand independently, so more than one stays open at once unlike a typical single-open accordion.

Using Settings Group Accordion

A vertical group of labeled sections that can each expand independently, so more than one stays open at once unlike a typical single-open accordion.

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: allowMultiple, accentColor, transitionMs, showChevron

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

FAQ Accordion
1956FAQ AccordionData displayA vertical list of question headings where opening one panel slides its answer into view and closes whichever panel was open before it.
Multi open panel stack
2001Multi open panel stackData displayA stack of panel sections that can be expanded independently, with closed copy that browser find-in-page can still reach.
Spring Push Collapsible
2052Spring Push CollapsibleData displayA settings row that opens a detail panel and pushes the rows below it down on one shared spring instead of a height jump.
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.
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.
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.