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

Ankündigung

Über das Pattern

JavaScript

Anwendung

import { initAnnouncements } from './announcement.js';
initAnnouncements()

Parameter und Anwendung in Nunjucks

# Parameter
color: "string" # Erlaubte Werte: 'nebelgrau', 'abendstimmung', 'morgenrot', 'flieder', 'goldgelb', 'frischgruen', 'wasserblau'
vpos: "string" # vertikale Position. Erlaubte Werte: top, bottom (default: bottom)
hpos: "string" # horizontale Position. Erlaubte Werte: left, right (default: right)

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

{% from "components/announcement/announcement.njk" import announcement with context %}

{% call announcement('wasserblau') %}
Text der Ankündigung
{% endcall %}

Variationen

Standard Ankündigung

Klimafreundlich
einkaufen um
CO2 zu sparen.

HTML

Laden…

Nunjucks

Laden…

In eigenem Fenster öffnen