Fieldbook
Sign in

Data display

Starred repos disclosure

A header row with a toggle button that reveals a short hidden list of starred repositories beneath one row that always stays visible.

Using Starred repos disclosure

A header row with a toggle button that reveals a short hidden list of starred repositories beneath one row that always stays visible.

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: accent, defaultOpen, rowCount

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

Single Panel Disclosure
2039Single Panel DisclosureData displayOne trigger and one panel: a compact show and hide block that drops its content in under a soft mask.
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.
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.
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.
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.