Dies ist eine alte Version des Handbuchs und der Pattern Library (v1). Bitte wechseln Sie zur aktuellen Version (v2).

Suchfeld

Über das Pattern

Parameter und Anwendung in Nunjucks

# Parameter
label: "string" # Label des Sucheingabefeldes (visuell versteckt)
placeholder: "string" # Placeholder für das Sucheingabefeld
link: "string" # Fallbacklink für no-JS Variante der Suche
search_class: "string" # Klasse für Formular (default: wm-site-header__search)
inline: "boolean" # Suchefeld erst bei Klick sichtbar (default: false)
static_search: "boolean" # Suchfeld sichtbar in Microsite Nav (default: false)
search_term: "string" # Klasse für Suchfeld (optional, default: '')

# Anwendung
{% from "components/search/search.njk" import search with context %}

{% call search(label = 'Suche', placeholder="Seite durchsuchen...", link = '#', inline = true, search_class = '') %}
# Suchergebnisse
{% endcall %}

Variationen

Suchfeld wien.gv.at

HTML

Laden…

Nunjucks

Laden…

In eigenem Fenster öffnen

Suchfeld Microsite

HTML

Laden…

Nunjucks

Laden…

In eigenem Fenster öffnen

Suchfeld Microsite nach Eingabe

HTML

Laden…

Nunjucks

Laden…