Trennlinie

Übersicht

Die Avonni Separator-Komponente teilt Inhaltsabschnitte innerhalb von Experience Cloud-Sites. Sie verbessert die visuelle Attraktivität und Organisation von Webseiten, indem sie eine deutliche und anpassbare Grenze zwischen verschiedenen Inhaltsbereichen bereitstellt.

Einstellungen

🎛️ Eigenschaften

Name	Beschreibung	Verwendung
Titel	Der Text wird neben dem Separator angezeigt, um Kontext oder zusätzliche Informationen bereitzustellen.	Verwenden Sie diese Eigenschaft, um die Abschnitte zu beschriften, die der Separator trennt, und so das Verständnis der Benutzer zu verbessern.
Symbolname und Symbolgröße	Fügen Sie ein Symbol ein, das zusammen mit dem Separator zusätzlichen visuellen Kontext bietet. Die Größe des Symbols kann ebenfalls angepasst werden, um zur Gestaltung zu passen.	Verwenden Sie Symbole als visuelle Hinweise, die den Titel ergänzen oder den folgenden Inhalt kennzeichnen und so zur kommunikativen Funktion des Separators beitragen.
Inhalt ausrichten	Bestimmen Sie die Platzierung des Titels und des Symbols in Bezug auf die Separatorlinie. Optionen umfassen Start, Ende, oder Zentriert.	Richten Sie den Inhalt entsprechend dem Layout und der erforderlichen Betonung des Designs aus, damit sich der Separator nahtlos in den Seitenfluss einfügt.
Ausrichtung	Legen Sie die Ausrichtung des Separators fest auf Horizontal oder Vertikal, und bieten Sie so Flexibilität bei der Trennung von Inhalten.	Wählen Sie die geeignete Ausrichtung, die am besten zum Layout Ihres Inhalts passt, sei es ein Vergleich nebeneinander oder eine Segmentierung oben und unten.

🎨 Gestaltung