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

Name	Beschreibung	Verwendung
Titel	Passen Sie das Erscheinungsbild des Titels mit Optionen für Farbe, Schriftgröße, Stil und Gewicht an.	Stilisieren Sie den Titel so, dass er angemessen hervorsticht und mit dem Gesamtdesign der Site konsistent bleibt.
Symbol	Stilisieren Sie das Symbol mit Hintergrundfarbe, Vordergrundfarbe, einem Standardzustand für die Vordergrundfarbe und dem Symbolradius für abgerundete Kanten.	Feinabstimmen Sie das Erscheinungsbild des Symbols, um es auffälliger oder dezenter zu gestalten und mit den Gestaltungszielen in Einklang zu bringen.
Rahmen	Definieren Sie den Rahmen des Separators, indem Sie dessen Größe, Farbe und Stil (durchgezogen, gestrichelt, gepunktet und mehr) festlegen.	Passen Sie die Rahmeneinstellungen an, um das gewünschte Maß an Abgrenzung zwischen Inhaltsabschnitten zu erzeugen, von einer ausgeprägten Linie bis zu einer subtileren Trennung.