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 verschiedene Status-Farben zur Auswahl:

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: Zustände aufgrund von nicht verfügbaren oder gelöschten Inhalten.

Overview