Fieldbook
Sign in

Data display

Guide steps accordion

A 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.

Using Guide steps accordion

A 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.

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: keepMounted, accentColor, transitionMs, showStepNumbers

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

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.
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.
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.