Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA foldable group of sidebar links that opens itself around the current page, remembers a manual choice per browser, marks the current link and counts its links in its name.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for documentation and app sidebars with several groups of links where only a few are relevant at a time.
Do not use it for primary navigation of fewer than ten links, where everything fits unfolded.
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 |
|---|---|---|---|
title | string | - | Section name. |
links | { href, label }[] | - | Links in the section. |
current | string | - | Href of the current page. |
storageKey | string | - | Key for remembering the open state. |
aria-expanded; the current page's link has aria-current="page".storageKey is given.prefers-reduced-motion.| Key | Action |
|---|---|
| Enter or Space | opens or closes the section |
| Tab | through the links |
The pattern ships a Testing Library test (collapsible-sidebar-section.test.tsx) that covers opening around the current page, the closed state and counts, the keyboard and remembering.