Alert Popups

Die alert Komponente zeigt den Benutzern wichtige Meldungen, Warnungen oder Benachrichtigungen an. Sie ist auffälliger als eine Infobox und wird in der Regel für Systemmeldungen verwendet.

WCAG AA

Funktionen

  • Typen: Info, Erfolg, Warnung und Fehler mit entsprechenden Farben.

  • Schließbar: Optionale Schaltfläche zum Schließen der Meldung.

  • Icon: Automatic icon based on alert type.

HTML

Verwendung

Die Komponente wird über das alert Tag eingebunden.

{% load insight_tags %} {% alert message="Ihre Änderungen wurden gespeichert." type="success" dismissible=True %}

Parameter

Laden…

config (AlertConfig oder als kwargs oder als Kombination aus beidem)

Dataclass für die Komponentenkonfiguration.

Name Typ Beschreibung Standardwert Erforderlich
tag_id str

Optionale, eindeutige Tag-ID für die Identifizierung des Elements im JavaScript.

 "" False
message str

Angezeigte Nachricht im Alert.

 "" False
type AlertType
AlertType

Semantic types for alerts and notifications.

info success warning error
Typen Dokumentation →

Art des Alerts.

 info False
dismissible bool

Zeigt einen Button zum Schließen des Alerts am Ende des Alert-Containers an.

 True False
AlertConfig( message="Your changes have been saved successfully!", type="success", dismissible=True, )

Barrierefreiheit

WCAG AA WCAG AAA
Status
N/A

WCAG AA (Grundlagen)

  • Die Alert-Box besitzt das Attribute role='alert' zur Unterstützung eines Screenreader.

  • Der Button zum Schließen ist mit der Tastatur ansteuerbar und besitzt ein entsprechendes aria-label.

  • Typ-Icons (Info, Warnung, Fehler, Erfolg) übernehmen aria-hidden='true' von der Icon-Komponente.

Verwandte Themen