Zur Navigation Zum Inhalt Kontakt Komponente finden Übersicht Mobile Deutsch Français Italiano English Notification Box

Übersicht

Was macht die Komponente?

  • Anzeige von wichtigen Informationen.

Wann soll die Komponente eingesetzt werden?

  • Bei Informationen zum Status der Applikation.
  • Beim Auftreten von technischen oder fachlichen Fehlern.

Regeln

  • Die Notification-Box lässt sich einmal schliessen und erscheint nicht mehr.
  • Text hat maximal 3 Zeilen, zusätzliche Informationen werden in einem Bottom-Sheet angezeigt.
Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Alert
  • Warning
  • Success
  • Information

Varianten

Die Komponente hat folgende Varianten:

  • Titel: Optional
  • Close-Button: Optional
  • Detail-Link: Optional
  • Interaction: Optional

Notification-Box mit Titel

Notification-Box, mit Titel
Notification-Box, mit Titel

Notification-Box ohne Titel

Notification-Box, ohne Titel
Notification-Box, ohne Titel

Notification-Box mit Interaktion und Titel

Notification-Box, mit Titel
Notification-Box, mit Titel

Notification-Box mit Interaktion ohne Titel

Notification-Box, ohne Titel
Notification-Box, ohne Titel

Spezifikationen

Design

Komponente finden

Mobile

Basics Brand Brand Image Image Typography Typography Components Button Button Checkbox Checkbox Chip Chip Container Container Context menu Context menu Dropdown Dropdown Header Header List item List item List view List view Loading indicator Loading indicator Message Message Modal view Modal view Notification Box Notification Box Pagination Pagination Picker Picker Promotion-Box Promotion-Box Radiobutton Radiobutton Segmented button Segmented button Slider Slider Status Status Switch Switch Tabbar Tabbar Text input Text input Textarea Textarea Toast Toast Up dn counter Up dn counter
Impressum Kontakt Datenschutz Cookie Einstellungen