Warnung
Übersicht
Die Avonni-Alert-Komponente ermöglicht es Ihnen, wichtige Nachrichten oder Benachrichtigungen für Ihre Website-Besucher hervorzuheben. Häufig wird sie verwendet, um Besucher über bestimmte Situationen wie Fehler, Warnungen oder erfolgreiche Aktionen zu informieren. Sie ist eine effektive Möglichkeit, wesentliche Details oder Anweisungen an Ihr Publikum zu übermitteln.

Einstellungen
Variante
Das Attribut „variant“ erlaubt es Ihnen, das Erscheinungsbild der Avonni-Alert-Komponente anzupassen, damit es besser den Typ der Mitteilung widerspiegelt, den Sie übermitteln möchten. Verfügbare Varianten sind:
Fehler: Für kritische Benachrichtigungen oder Probleme.basis: Eine Standard-, allgemeine Warnung.Offline: Weist auf Verbindungs- oder Verfügbarkeitsprobleme hin.Warnung: Für Warnungen, die Aufmerksamkeit erfordern, aber nicht kritisch sind.
Wählen Sie eine Variante, die mit der Nachricht übereinstimmt, die Sie vermitteln möchten, um eine klarere Benutzerverständlichkeit zu erreichen.
Inhalt
Das Attribut „content“ legt die Hauptnachricht oder Information fest, die Sie in der Avonni-Alert-Komponente übermitteln möchten. Es enthält den Textinhalt, der innerhalb der Warnung angezeigt wird, sodass Benutzer über die spezifische Benachrichtigung oder Situation informiert werden.
Icon-Name
Das Attribut „icon name“ ermöglicht es Ihnen, ein bestimmtes Symbol für die Avonni-Alert-Komponente festzulegen. Durch die Angabe eines Symbolnamens können Sie die Art oder den Kontext der Warnung visuell darstellen, die Klarheit erhöhen und sofort die Aufmerksamkeit des Benutzers auf die Nachricht lenken.
Symbolgröße
Das Attribut „icon size“ in der Avonni-Alert-Komponente steuert die Größe des Symbols:
Xxs: Extra-extra-klein für dezente Hervorhebung.
Xs: Extra-klein für minimale Prominenz.
Klein: Eine bescheidene Größe für moderate Sichtbarkeit.
Mittel: Standardgröße für ausgewogene Sichtbarkeit.
Groß: Für maximale visuelle Wirkung
Ist schließbar
Das Attribut „Ist schließbar“ ermöglicht es Benutzern, die Avonni-Alert in der Oberfläche zu schließen oder zu verwerfen. Wenn aktiviert, erscheint eine Schaltfläche zum Schließen an der Warnung, die eine manuelle Entfernung durch den Benutzer erlaubt.
Abstände
Die Einstellung zur Abstandsgestaltung in der Avonni-Alert-Komponente erlaubt es Ihnen, die Abstände (Margins) anzupassen:
Blockanfang: Legen Sie den oberen Abstand fest.
Blockende: Passen Sie den unteren Abstand an.
Inline-Anfang: Konfigurieren Sie den linken Abstand.
Inline-Ende: Ändern Sie den rechten Abstand
Hintergrund
Die Einstellung zur Hintergrundgestaltung in der Avonni-Alert-Komponente bietet Anpassungsmöglichkeiten für den Hintergrund:
Farbe: Wählen Sie eine einfarbige Hintergrundfarbe.
Linearer Verlauf: Wählen Sie diese Option für einen dynamischen, optisch ansprechenden Verlaufseffekt
Text
Die Einstellung zur Textgestaltung in der Avonni-Alert-Komponente ermöglicht die Anpassung des Textes:
Farbe: Ändern Sie die Textfarbe für bessere Sichtbarkeit.
Schriftstärke: Wählen Sie die Schriftstärke zur Hervorhebung.
Horizontale Ausrichtung: Wählen Sie die Ausrichtung des Textes für eine optimale Darstellung in der Warnung
Rahmen
Die Einstellung zur Rahmengestaltung in der Avonni-Alert-Komponente bietet Optionen zur Anpassung des Erscheinungsbilds des Rahmens:
Farbe: Wählen Sie eine Farbe für den Rand des Rahmens.
Größe: Wählen Sie die Dicke des Rahmens.
Stil: Bestimmen Sie das Gesamterscheinungsbild mit verschiedenen Stilen
Symbol
Die Einstellung zur Symbolgestaltung in der Avonni-Alert-Komponente ermöglicht verschiedene Anpassungen am Erscheinungsbild des Symbols:
Hintergrundfarbe: Ändern Sie die Hintergrundfarbe hinter dem Symbol.
Vordergrundfarbe: Ändern Sie die Hauptfarbe des Symbols.
Vordergrund-Schließen-Symbol: Legen Sie die Farbe des Schließsymbols fest.
Vordergrund-Farb-Utility: Nehmen Sie weitere Farbanpassungen für bessere Sichtbarkeit und Kontrast vor
Zuletzt aktualisiert
War das hilfreich?
