Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProThe navigation box for a multi-part article: part x of y, a collapsible list of parts with the current one marked, and previous and next links.
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 it at the top and bottom of each part of a series so readers can move along it and see where they are.
Do not use it when: the article stands alone.
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 |
|---|---|---|---|
series | string | required | The series name. |
parts | SeriesPart[] | required | { title, href } per part, in order. |
current | number | required | Index of the part being read. |
A nav named after the series; the toggle button reports aria-expanded and controls the list; the current part has aria-current="page"; previous and next links carry rel="prev" and rel="next".
The pattern ships with a test (article-series-nav.test.tsx). It covers the links, the toggle and the current marker.