Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn accordion you can link into: the URL fragment opens and scrolls to the matching item, opening an item writes its id to the hash and closing clears it.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for FAQs and policy pages that support, chat and emails link to: "see #refunds".
Do not use it with other code that owns the URL hash. For several simultaneously open items, use a different encoding.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
items | { id, title, content }[] | - | Items; id is the fragment. |
#refunds opens the Refunds item on load and on every hashchange; unknown hashes are ignored.id, so the browser's own anchor behaviour and screen reader link navigation also work.history.replaceState, so opening items does not fill the Back stack.| Key | Action |
|---|---|
| Enter or Space | opens an item and updates the address |
The pattern ships a Testing Library test (accordion-deeplink.test.tsx) that covers closed by default, opening from the hash, unknown hashes, writing and clearing the hash and hashchange.