# Status.

## Ü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

- Text hat maximal 2 Zeilen.
- Der Status kann innerhalb von anderen Elementen verwendet werden.
- Der Status kann nicht von den Nutzer:innen geschlossen werden.
- Für umfangreichere Informationen wird die Notification-Box verwendet.

## Varianten

### Zustände

Die Komponente hat folgende Zustände:

- Alert
- Warning
- Success
- Information

### Varianten

Die Komponente hat folgende Varianten:

- Icon mit Text
- Icon ohne Text

#### Status mit Text

![Status, mit Text](https://digital.sbb.ch/assets/images/mobile/status-with-text-light.webp "Status, mit Text")

![Status, mit Text](https://digital.sbb.ch/assets/images/mobile/status-with-text-dark.webp "Status, mit Text")

#### Status ohne Text

![Status, ohne Text](https://digital.sbb.ch/assets/images/mobile/status-without-text-light.webp "Status, ohne Text")

![Status, ohne Text](https://digital.sbb.ch/assets/images/mobile/status-without-text-dark.webp "Status, ohne Text")

### Spezifikationen

[Design](https://www.figma.com/design/ZBotr4yqcEKqqVEJTQfSUa/Design-System-Mobile?node-id=321-7778&t=N7M8b5Y9aIJc4LzY-1)

---

Source: https://digital.sbb.ch/de/design-system/mobile/components/status/