SeriesNavigation. Previous and next navigation for a named article series.
- Discovery
- Static
- Stability · Initial
- ::postkit-series-navigation
Usage.
<SeriesNavigation
title="Portable publishing foundations"
current={2}
total={4}
previous='{"title":"The content contract","href":"#component-preview"}'
next='{"title":"Framework adapters","href":"#component-preview"}'
/>Props. Always in step with the code.
| Prop | Type | Default | Description |
|---|---|---|---|
| titleRequired | string | None | The series title. |
| current | number | None | The current article position. |
| total | number | None | The number of articles in the series. |
| previous | JSON string | None | The previous article title and URL. |
| next | JSON string | None | The next article title and URL. |
| Appearance | |||
| size | "sm" | "md" | "lg" | "md" | The component density and type scale. |
| variant | "outline" | "subtle" | "plain" | "subtle" | The component visual treatment. |
Every component also takes unstyled and the part-styling props. Change a default for your whole site with defaults in createPostkit. Part styles
Anatomy. Every part is yours to restyle.
Every part
- root
- header
- title
- position
- links
- link
- direction
- linkTitle
Renderers. One component, everywhere you publish.
- Headless @postkit/reactSupported
- Chakra @postkit/chakraSupported
- Email @postkit/emailAs text
- Astro @postkit/astroStatic
- Web components @postkit/elementsPlanned