Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui1 dependency

HeaderStandIn

header-stand-in

Header copy of a field whose primary lives in a scroller: grows in while the primary is scrolled away, collapses when it returns.

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Wrap the header copy of a field whose primary instance scrolls away (pair with useStandInTarget). Animates max-width/opacity so the nav beside it never jumps; collapsed it is aria-hidden and click-through - pass shown to the child field's tabbable too. Owns only the animated wrapper: the responsive gate and the flex slot in the header row stay with the app. The built-in clip clearance keeps the focus ring unclipped inside the overflow-hidden the collapse needs.
@whiskeyjack

More from @whiskeyjack