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

Quicklink-Liste

Über das Pattern

Die Quicklink-Liste steht in Cards oder frei mit 1, 2 oder 3 Spalten. Mobil ist sie auch als Dropdown-Menü möglich.

JavaScript

Anwendung

Nur notwendig für die „Quicklink-Liste mobil als Dropdown”-Variation

import { initQuickLinks } from './quicklinks.js';
initQuickLinks()

Parameter und Anwendung in Nunjucks

# Parameter quicklinks(settings)
settings: "object"
heading: "string" # Überschrift, Text frei wählbar
icon_id: "string" # ID des Icons (siehe /look-and-feel/icons/?icon_cat=uiedv) links neben heading angezeigt
style: "string" # zulässige Werte: 2col, 3col, 2col-limited
dropdown: "object"
show: "boolean" # true -> <768px werden Quicklinks als Dropdown (default: false)
text: "string" # Text frei wählbar -> angezeigter Text (bei dropdown = true) (default: "Bitte wählen")
url: "string" # frei wählbarer Pfad
items: "array" # Liste mit Quicklink-Elementen
- text: "string" # Text frei wählbar
url: "string" # Pfad des Links

# Anwendung
## Die Javascript-Datei "quicklinks.js" muss eingebunden sein

{% from "components/quicklinks/quicklinks.njk" import quicklinks, quicklinksDropdownSelect with context %}

{% call quicklinks(settings) %}
{% endcall %}

Changelog

Neu in Wiener Melange v1.3.0: Quicklinks können auch geschachtelt werden.

In eigenem Fenster öffnen

In eigenem Fenster öffnen