Filter

Eine Liste von Inhalten, die anhand einer Gruppe von Filterkriterien reduziert werden kann.

Vorschau

patterns/filter-for-terms-static.php

Figma

Doku

  • Der Filter ist statisch und lädt keine Inhalte nach. Es sind all Inhalte initial im Markup vorhanden.
  • Folgende Klassen müssen strukturell vorhanden sein:
    • .filter-container – Container-Element, das das Script aktiviert. Jeder Container erhält eine eigene Filter-Instanz.
    • .item – Die filterbaren Inhalts-Elemente innerhalb des Containers.
    • .filter-term – Element innerhalb eines .item, dessen Textinhalt als Filter-Begriff genutzt wird.