Data display

Single Panel Disclosure

One trigger and one panel: a compact show and hide block that drops its content in under a soft mask.

Using Single Panel Disclosure

One trigger and one panel: a compact show and hide block that drops its content in under a soft mask.

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, keepMounted, travel, duration

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

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.

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.

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.

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.

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.

2364Height Morph AccordionData displayA question list whose answer panels grow and shrink to their natural height with a spring, pushing the rows below them.