Scoped Notification

Die Avonni Scoped Notification-Komponente bietet eine Möglichkeit, kontextbezogene Meldungen und Rückmeldungen innerhalb Ihrer Anwendungen anzuzeigen. Sie ist wie eine hilfreiche Notiz, die erscheint, um Benutzer zu leiten oder zu informieren.

Einrichten Ihrer Scoped-Benachrichtigung

Titel und Inhalt hinzufügen

• Formulieren Sie Ihre Nachricht:

  • Titel: Geben Sie einen prägnanten und informativen Titel für Ihre Benachrichtigung an.

  • Inhaltstext: Geben Sie die Hauptnachricht ein, die Sie dem Benutzer vermitteln möchten.

Ein Symbol hinzufügen (optional)

• Verbessern Sie Ihre Nachricht mit einem visuellen Hinweis:

  • Wählen Sie ein Symbol, das den Inhalt und Zweck der Benachrichtigung ergänzt.

Variante wählen

• Legen Sie das Farbthema fest:

  • Base: Neutrales Grau.

  • Fehler: Rot, für kritische Nachrichten oder Fehler.

  • Dunkel: Dunkelgrau, für ein dezenteres Erscheinungsbild.

  • Erfolg: Grün, für positives Feedback oder erfolgreiche Aktionen.

  • Warnung: Gelb, für vorsichtige Nachrichten oder Warnungen.

Gestaltung Ihrer Scoped-Benachrichtigung

• Feinabstimmung des Erscheinungsbilds:

  • Layout und Abstände:

    • Außenabstand (Margin): Steuern Sie den Abstand um die Benachrichtigung, um sie korrekt zu positionieren.

    • Innenabstand (Padding): Passen Sie den inneren Abstand an, um das Layout und den visuellen Komfort zu optimieren.

    • Größe: Legen Sie eine maximale Breite fest, um ein konsistentes Erscheinungsbild zu gewährleisten, insbesondere bei längeren Nachrichten.

  • Variantenstile: Passen Sie die Farben und Stile an, die mit jeder Variante verbunden sind (base, error, dark, success, warning).

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

Keine Interaktionen

Die Scoped-Benachrichtigungs-Komponente ist in erster Linie ein visueller Bestandteil zur Anzeige von Informationen, daher besitzt sie keine interaktiven Funktionen oder Aktionen.