Zum Hauptinhalt springen

Spacer-Komponente

Schaffe definierten Abstand zwischen Komponenten und sorge für eine klare visuelle Struktur deiner Seite.

Anne avatar
Verfasst von Anne
Heute aktualisiert

Die Spacer-Komponente dient dazu, gezielt Abstand zwischen anderen Komponenten zu erzeugen. Sie hilft, Inhalte optisch zu strukturieren und ein harmonisches Gesamtbild zu schaffen.

Für den Abstand stehen vier verschiedene Größen zur Verfügung, sodass du flexibel bestimmen kannst, wie viel Raum zwischen zwei Elementen entstehen soll.


Divider-Option

Zusätzlich kann ein Divider eingeblendet werden. Dieser kann in drei Varianten dargestellt werden:

  • durchgängige Linie

  • gestrichelte Linie

  • gepunktete Linie

Der Divider eignet sich besonders, um inhaltliche Abschnitte klar voneinander zu trennen.


Farbschema

Die Spacer-Komponente kann über das Farbschema angepasst werden. Dadurch lässt sich der Divider optisch in das bestehende Design integrieren und ein einheitliches Erscheinungsbild sicherstellen.

Hat dies deine Frage beantwortet?