mittwald Flow Logo

Components

AlertBadge

Ein AlertBadge hebt Statusmeldungen hervor, die besondere Aufmerksamkeit erfordern.GitHub
Archiviert

Playground

Verwende <AlertBadge />, um einen AlertBadge darzustellen.

Archiviert
import { AlertBadge } from "@mittwald/flow-react-components";

<AlertBadge>Archiviert</AlertBadge>

Status

Je nach Anwendungsfall stehen vier Status-Farben zur Auswahl: Info, Success, Warning und Danger.

Archiviert
Update erfolgreich
Speicher fast voll
Speicher voll
import { AlertBadge } from "@mittwald/flow-react-components";

<Row>
  <AlertBadge status="info">Archiviert</AlertBadge>
  <AlertBadge status="success">
    Update erfolgreich
  </AlertBadge>
  <AlertBadge status="warning">
    Speicher fast voll
  </AlertBadge>
  <AlertBadge status="danger">Speicher voll</AlertBadge>
</Row>

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

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

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

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

Overview