Warnung

Die Alert-Komponente ist eine einfache Möglichkeit, Benutzern wichtige Nachrichten anzuzeigen. Denken Sie daran wie an eine hilfreiche Benachrichtigung, die ihre Aufmerksamkeit erregt, wenn etwas hervorgehoben werden muss.

Einrichten Ihrer Warnung

1. Zweck und Stil (Variante) der Warnung auswählen

Die Eigenschaft "Variante" bestimmt das Gesamterscheinungsbild Ihrer Warnung und die beabsichtigte Botschaft. Wählen Sie die Variante, die am besten zur Art der Benachrichtigung passt, die Sie anzeigen möchten:

• Base: Ein neutraler Stil für allgemeine Informationen, Updates oder nicht-kritische Benachrichtigungen. Dies ist eine gute Wahl, um allgemeinen Kontext oder Feedback zu geben.

• Warnung: Ein auffälligerer Stil, der die Aufmerksamkeit des Benutzers auf sich zieht. Verwenden Sie diesen für wichtige Systemmeldungen, Warnhinweise oder Situationen, die das Bewusstsein des Benutzers erfordern, aber keine sofortige Aktion.

• Fehler: Ein kritischer Stil, der auf ein ernstes Problem oder einen Fehler hinweist, der sofortige Aufmerksamkeit und Maßnahmen des Benutzers erfordert.

• Offline: Ein spezieller Stil, um den Benutzer darüber zu informieren, dass er seine Internetverbindung verloren hat

2. Fügen Sie ein visuelles Signal mit einem Symbol hinzu (optional)

Sie können Ihrer Warnung ein Symbol hinzufügen, um die Botschaft visuell zu verstärken und auffälliger zu machen.

• So fügen Sie sie hinzu: Wählen Sie ein Symbol aus den Optionen im Eigenschaftenbereich der Komponenten.

• Symbolauswahl: Die verfügbaren Symbole ändern sich je nach gewählter Variante (z. B. ist ein Warnsymbol besser für die Warn-Variante geeignet). Wählen Sie ein Symbol, das relevant für die Nachricht der Warnung ist.

3. Texturierten Hintergrund anwenden (optional)

Die Option "Texturiert" fügt dem Hintergrund der Warnung eine subtile Textur hinzu.

• Zweck: Dies kann ein weicheres, visuell unterscheidbares Erscheinungsbild im Vergleich zu einem einfarbigen Hintergrund erzeugen.

• Wann verwenden: Erwägen Sie die Verwendung eines texturierten Hintergrunds, um Warnungen von anderen Elementen auf der Seite zu unterscheiden oder um einen Hauch visueller Abwechslung hinzuzufügen

4. Machen Sie die Warnung schließbar (optional)

Aktivieren Sie die Option "Schließbar", damit Benutzer die Warnung schließen können.

• Wie es funktioniert: Eine Schaltfläche zum Schließen ("X") erscheint in der Warnung und ermöglicht es den Benutzern, sie vom Bildschirm zu entfernen.

• Wann verwenden: Generell ist es gute Praxis, Warnungen schließbar zu machen, insbesondere für weniger kritische Benachrichtigungen, damit Benutzer die Kontrolle über ihre Erfahrung haben und die Warnung entfernen können, sobald sie die Nachricht zur Kenntnis genommen haben.

Stil

Möchten Sie noch mehr Kontrolle? Gehen Sie zum Reiter "Stil", um das Erscheinungsbild der Warnung fein abzustimmen und die Standardvariantenstile zu überschreiben. Sie können Farben, Schriftarten, Abstände und mehr anpassen.

---

können Sie Felder auf einer Seite zur Erstellung eines neuen Datensatzes automatisch vorausfüllen. Sie können Variablen für die zu öffnende Seite zur Erstellung eines neuen Datensatzes festlegen.

Die folgenden Beispiele zeigen einige der verfügbaren Funktionen der Alert-Komponente.

Erstellen Sie eine benutzerdefinierte Branding-WarnungErstellen Sie eine schließbare Fehlerwarnung

---

Stil

Der Reiter "Stil" gibt Ihnen eine feingranulare Kontrolle über das Erscheinungsbild Ihrer Warnung. Hier ist eine Aufschlüsselung der Styling-Optionen:

Abstand (Margin)

Steuert den äußeren Abstand um die Warnkomponente und schafft Raum zwischen der Warnung und anderen Elementen auf der Seite.

• Oben: Passen Sie den Abstand oberhalb der Warnung an.

• Rechts: Passen Sie den Abstand rechts von der Warnung an.

• Unten: Passen Sie den Abstand unterhalb der Warnung an.

• Links: Passen Sie den Abstand links von der Warnung an

Abstände

Hintergrund

Text

Rand

Symbol