Thinkport

SeriesNav

Serien-Navigation

Die SeriesNav-Komponente zeigt eine Navigation für eine Artikel-Serie an. Sie zeigt alle Artikel der Serie mit Nummerierung und markiert den aktuellen Artikel.

Codebeispiel

<SeriesNav
items={[
  { step: '1', slug: 'serie-teil-1', title: 'Teil 1' },
  { step: '2', slug: 'serie-teil-2', title: 'Teil 2' },
  { step: '3', slug: 'serie-teil-3', title: 'Teil 3' }
]}
currentHref="/blog/serie-teil-2"
title="Meine Serie"
/>

Parameter

Bezeichner	Typ	Beschreibung	Default
items	Array<SeriesItem>	Array von Serien-Items	[]
currentHref	string	URL des aktuellen Artikels	-
title	string	Titel der Serie	'Nomad Setup Series'

Wiki-Dokumentation Quellcode