Zum Inhalt springen
fend-ui
Vorschau

Status-Pill

Kompakte Statusanzeige für Betriebszustände. Der Text steht immer sichtbar in der Pille und wiederholt die Bedeutung nie allein über die Farbe. Mit pulse pulsiert ein Ring um den Punkt; bei reduzierter Bewegung bleibt er statisch.

Alle Zustände

Jeder Zustand hat eine eigene Tint-Fläche und einen sichtbaren Text. Die Farbe unterstützt die Aussage, ersetzt sie aber nicht.

BetriebsbereitBeeinträchtigtStörungWartungUnbekannt

Pulsierender Punkt

pulse eignet sich für laufende Prüfungen. Bei prefers-reduced-motion: reduce bleibt der Punkt statisch, der Text ist immer sichtbar.

BetriebsbereitBeeinträchtigt

Status-Seite-Ausschnitt

Die Pille in einer Liste von Diensten: Der Name führt, der Status steht rechts.

  • APIBetriebsbereit
  • DashboardBeeinträchtigt
  • WebhooksStörung
  • DatenbankWartung