AlertText

AlertText informiert den User über das Ergebnis einer ihrer Aktionen. Im Gegensatz zu Alert kann eine AlertText sehr nah an der Stelle platziert werden, an der die Aktion stattgefunden hatGitHub
Info

Playground

Verwende <AlertText />, um einen Alert darzustellen.

Info
import { AlertText } from "@mittwald/flow-react-components";

<AlertText>Info</AlertText>

Status

Je nach Anwendungsfall stehen vier Status-Farben Info, Warning, Danger und Success oder ein Unavailable zur Verfügung:

InfoWarningDangerSuccessUnavailable

Info: Allgemeine Systemzustände oder laufende Prozesse, die keine Aktion erfordern.

Warning: Hinweise auf mögliche Risiken mit einer klaren Handlungsempfehlung.

Danger: Akute Fehlerzustände oder kritische Probleme, die sofortige Aufmerksamkeit erfordern.

Success: Abgeschlossene, erfolgreiche oder positiv bewertete Zustände.

Unavailable: Für UI-Elemente, die nicht geladen werden konnten, wie z. B. fehlende Tabellendaten.

Overview