Filter

Umsetzung mit AlpineJS. Details im jeweiligen HTML-Reiter.

# Parameter
settings: "object"
  label: "string" # Text für <label>, frei wählbar
  noResult: "string"#  Fehler, die gezeigt wird, wenn es keine Ergebnisse gab
  options: "array" # Optionen im <select>
    - name: "string" # Name der Option
      value: "string" # ID der jeweiligen Option -> muss mit selektierbaren Elementen abgestimmt sein

# Anwendung
{% from "components/filter/filter.njk" import filter with context %}
## Die Javascript-Datei "filter.js" muss eingebunden sein

{% call filter(settings) %}
  # Inhalt beispielsweise eine Liste, die filterbar sein soll
  # Filterbare Elemente müssen ein data-filter Attribut mit dem value der jeweiligen Option haben
{% endcall %}