Notification-Box Overview

What does the component do?

  • Display of important information.

When should the component be used?

  • For information on the status of the application.
  • When technical errors occur.

Rules

  • The notification box can be closed once and no longer appears.cheint nicht mehr.
  • Text has a maximum of 3 lines, additional information is displayed in a bottom sheet.
 Variants

States

The component has the following states:

  • Alert
  • Warning
  • Success
  • Information

Variants

The component has the following variants:

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

Notification-Box with Titel

Notificaton-Box, with Titel
Notificaton-Box, with Titel

Notification-Box without Titel

Notificaton-Box without Titel
Notificaton-Box without Titel

Notification-Box with Interaction and Title

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

Notification-Box with Interaction without Title

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

Spezifikationen

Design