Zum Inhalt springen
fend-ui
Vorschau

Alert

Inline-Hinweise in fünf Varianten. Jede Variante kombiniert eine zarte Tint-Fläche mit einem Status-Icon im Kreis; danger und warning melden sich als role="alert", die übrigen als role="status". Schließbare Hinweise rufen onDismiss auf, die Sichtbarkeit bleibt beim Aufrufer.

Varianten

Jede Variante kombiniert eine zarte Tint-Fläche mit einem Status-Icon im farbigen Kreis. Die Bedeutung steht in Text und Icon, nie in der Farbe allein.

Hinweis

Die Einstellungen gelten nur für dieses Projekt.

Neue Version verfügbar

Version 1.4 bringt schnellere Tabellen und eine überarbeitete Suche.

Gespeichert

Alle Änderungen sind online und für das Team sichtbar.

Schließbar

Mit dismissible erscheint ein Schließen-Button, der onDismiss aufruft. Die Sichtbarkeit bleibt beim Aufrufer – so lässt sich der Hinweis auch erneut zeigen.

Tipp

Mit der Tastenkombination ⌘K öffnest du die Befehlspalette.

Mit Aktion

Aktionen stehen unter dem Text und bleiben auf schmalen Bildschirmen umbrechbar. Die Rolle des Alerts richtet sich nach der Dringlichkeit.