Trenner

Die Separator-Komponente hilft Ihnen, Abschnitte Ihrer Benutzeroberfläche visuell zu trennen, wodurch Organisation und Lesbarkeit verbessert werden. Sie wirkt wie eine klare Linie zwischen verschiedenen Teilen Ihres Inhalts.

Einrichten Ihres Separators

Hinzufügen eines Labels (optional)

• Geben Sie Ihrem Separator ein beschreibendes Label. Dies ist nützlich, um Kontext oder Überschriften für verschiedene Abschnitte Ihrer Seite bereitzustellen. Zum Beispiel könnten Sie einen Separator mit dem Label „Kundeninformationen“ verwenden, um diesen Abschnitt klar von anderen Teilen der Seite zu unterscheiden.

Mit der Ausrichtung spielen

• Steuern Sie die Position des Separators. Sie können den Separator und sein Label ausrichten an:

  • Anfang: Linksbündig (für links-nach-rechts-Sprachen).

  • Zentriert: Zentriert auf der Seite.

  • Ende: Rechtsbündig (für links-nach-rechts-Sprachen).

Ein Symbol hinzufügen (optional)

• Verstärken Sie den Separator mit einem visuellen Hinweis. Wählen Sie ein Symbol, das den Zweck des Separators oder den Inhalt, den er trennt, ergänzt. Sie können das Symbol links oder rechts vom Label positionieren.

Den Separator stylen

• Feinabstimmung des Erscheinungsbilds des Separators:

  • Bezeichnung: Passen Sie Schriftart, Größe, Farbe und Stil des Labels an.

  • Symbol: Passen Sie Größe, Farbe und Position des Symbols an.

  • Border: Passen Sie Farbe, Dicke und Stil (durchgezogen, gestrichelt, gepunktet) der Trennlinie an.

Keine Interaktionen

Die Separator-Komponente ist hauptsächlich ein visuelles Element, daher verfügt sie über keine interaktiven Funktionen oder Aktionen.