Zum Inhalt springen
fend-ui
Vorschau

Gefahrenzone

Folgenreiche Aktionen mit Bestätigung per Eingabe: Jede Aktion öffnet einen AlertDialog, dessen Bestätigung erst aktiv wird, wenn der vorgegebene Text exakt eingetippt wurde – inklusive Groß-/Kleinschreibung. So ist ein versehentliches Löschen ausgeschlossen; Schließen setzt die Eingabe zurück.

Einbindung

confirmText bestimmt den erwarteten Text; onConfirm wird nur nach erfolgreicher Bestätigung aufgerufen. Die Aktionen erscheinen als Karten mit Danger-Rahmen in der übergebenen Reihenfolge.

settings.tsxtsx
import { DangerZone } from '@lukasfend/ui/blocks/settings';

<DangerZone
  items={[
    {
      title: 'Arbeitsbereich löschen',
      description: 'Entfernt alle Dienstpläne von Station 3B.',
      actionLabel: 'Arbeitsbereich löschen',
      confirmText: 'Station 3B',
      onConfirm: deleteWorkspace,
    },
  ]}
/>;