Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA single show/hide region whose closed content stays findable: it uses hidden=until-found, so find-in-page and fragment links open it by themselves.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for one optional block of detail: advanced options, a longer explanation, a log. Search engines and people using find-in-page can still reach the text.
Do not use it for a list of sections (use found-accordion) or to hide content people must see. Do not wrap navigation in it.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | - | Controlled state. |
defaultOpen | boolean | false | Initial state when uncontrolled. |
onOpenChange | (open: boolean) => void | - | Called when the person toggles it or find-in-page reveals it. |
| Prop | Type | Default | Description |
|---|---|---|---|
asChild | boolean | false | Render your own element and merge the button props into it. |
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Classes for the region. |
aria-expanded and aria-controls.hidden="until-found" and listens for beforematch, so Ctrl+F, text-fragment links and #id links reveal it.until-found support fall back to fully hidden content.| Key | Action |
|---|---|
| Enter or Space | toggles the region |
The component ships a Testing Library test (disclosure.test.tsx) that covers the until-found attribute, button and keyboard toggling, beforematch and controlled mode.