BlogFilter

Tag-Filter

Zeigt alle Blog-Tags als Chips. Auf der Blog-Startseite ohne aktives Tag erscheint die Überschrift „Tag Filter“. Auf einer Tag-Seite wird der aktuelle Tag im Header hervorgehoben; „Alle anzeigen“ führt zurück zur Blog-Übersicht. Der Aufklapp-Zustand wird pro Browser in localStorage (Schlüssel blog-filter-expanded) gespeichert.

Codebeispiel

<BlogFilter
tags={[
  { slug: 'cloud', title: 'Cloud' },
  { slug: 'kafka', title: 'Kafka' },
  { slug: 'data', title: 'Data' },
]}
/>

Parameter