Button

# Parameter
settings: "object"
  color: "string" # Erlaubte Werte: frischgruen, success, danger (Default: '')
  style: "string" # Erlaubte Werte: tag, clean, round (Default: '')
  text: "string" # Ab wann soll text im Button angezeigt werden, Erlaubte Werte: l
  size: "string" # block, block-xsm, block-sm, min, large (Default: '')
  invert: "boolean" # Farben invertieren (Default: false, true (sekundär Button))
  attributes: "object" # HTML-Attribute (z. B.: width, class,...), frei wählbar
  url: "string" # Erzeugt automatisch einen Link-Button
  icon: "object" # Icon, das links (default) neben dem Text dargestellt wird
    position: "string" # Position des Icons. Erlaubte Werte: start (links) oder end (rechts)
    id: "string" # ID des Icons (siehe /look-and-feel/icons/?icon_cat=uiedv)
    width: "int" # Breite (Default: 28)
    title: "string" # Alternativer Text für das Icon, wenn es keinen Buttontext gibt (Default: '')

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

{% call button(settings) %}
  Button bzw. Link-Text
{% endcall %}