Zum Inhalt springen

Elemente

In diesem Abschnitt werden alle Blöcke beschrieben, mit denen du interaktive oder strukturierende Elemente auf deiner Seite einfügen kannst.

Screenshot Button

Mit dem Block “Button” kannst du individuell gestaltete Schaltflächen einfügen. Features:

  • Farben: Text-, Hintergrund- und Rahmenfarben für Normal- und Hover-Zustand einstellbar.
  • Größe & Form: Schriftgröße, Padding, Border-Radius und Border-Width sind flexibel anpassbar.
  • Ausrichtung: Buttons können links, zentriert oder rechts ausgerichtet werden.
  • Verlinkung: Jeder Button kann auf interne oder externe Seiten verlinken.

Screenshot Button Leiste

Die “Button Leiste” gruppiert mehrere Buttons in einer Zeile. Features:

  • Anordnung: Buttons können zentriert, verteilt, am Rand oder normal ausgerichtet werden.
  • Individuelle Buttons: Jeder Button in der Leiste kann eigene Einstellungen und Links haben.
  • Abstände: Automatische Abstände zwischen den Buttons.

Screenshot Akkordeon

Mit dem Block “Akkordeon” kannst du Inhalte in auf- und zuklappbaren Bereichen strukturieren. Features:

  • Mehrere Einträge: Jeder Eintrag besteht aus Titel und optionalem Text.
  • Individuelle Gestaltung: Schriftarten, Farben und Größen für Titel und Text sind einstellbar.
  • Interaktive Steuerung: Nur ein Eintrag kann gleichzeitig geöffnet sein.
  • Flexible Ausrichtung: Text kann links, zentriert oder rechts ausgerichtet werden.

Screenshot Icon Liste

Die “Icon Liste” zeigt Listenpunkte mit Icons und Text. Features:

  • Ausrichtung: Horizontal oder vertikal darstellbar.
  • Icon-Größe & Abstände: Größe der Icons und Abstände zwischen den Listenelementen sind einstellbar.
  • Farben & Schrift: Farbe und Schriftgröße für Text und Icons individuell wählbar.
  • Verlinkung: Jeder Listeneintrag kann optional verlinkt werden.

Screenshot Karte

Mit dem Block “Karte” kannst du kombinierte Inhalte aus Bild, Titel, Text und optionalen Hover-Effekten darstellen. Features:

  • Bild, Titel, Text: Alle Inhalte sind individuell einstellbar.
  • Hover-Effekt: Optional kann ein Text beim Überfahren angezeigt werden.
  • Farben & Rahmen: Hintergrund, Text, Rahmenfarbe und -stärke sind flexibel anpassbar.
  • Verlinkung: Die gesamte Karte kann als Link fungieren.

Screenshot Navigations Menü

Das “Navigations Menü” stellt eine Liste von Links dar. Features:

  • Ausrichtung: Vertikal oder horizontal darstellbar.
  • Farben & Schrift: Schriftart, -größe, Farbe und Ausrichtung sind individuell einstellbar.
  • Abstände: Abstand zwischen den Menüpunkten ist konfigurierbar.
  • Verlinkung: Jeder Menüpunkt kann auf interne oder externe Seiten verweisen.