Überlagerungen

Destructive confirm dialog

Ein Bestätigungsdialog für destruktive Aktionen, der nur über seine eigenen Schaltflächen geschlossen wird und sich nicht bei einem Hintergrundklick oder Escape schließen lässt.

API keys1 active

Production key

sk_live_4f9a…c221

Destructive confirm dialog verwenden

Ein Bestätigungsdialog für destruktive Aktionen, der nur über seine eigenen Schaltflächen geschlossen wird und sich nicht bei einem Hintergrundklick oder Escape schließen lässt.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: title, confirmLabel, dangerColor

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1942Confirm action dialogÜberlagerungenEin zentriertes Modal, das die Seite unterbricht, damit jemand eine schwerwiegende Aktion explizit bestätigt oder abbricht, bevor sie geschieht.

2073Typed confirm dialogÜberlagerungenEin Dialog mit zerstörerischen Aktionen, dessen Bestätigungsschaltfläche nur dann entsperrt wird, wenn jemand einen genau passenden Ausdruck eingibt, um versehentliches Klicken zu verhindern.

1923Bounce warning dialogÜberlagerungenEin Bestätigungsdialog erscheint mit einem federnden Überschwingen und einem springenden Symbolabzeichen und fordert eine Antwort auf, bevor die Seite unten wieder nutzbar ist.

1943Consequence confirm dialogÜberlagerungenEin Bestätigungsdialog, der von einem ausgewählten Rand aus angezeigt wird und die Seite blockiert, bis der Besucher den Vorgang ausdrücklich abbricht oder fortfährt.

2419Scrollable modal dialogÜberlagerungenEin allgemeines Modal mit einer Kopfzeile, einem Textkörper, der unabhängig scrollt, sobald sein Inhalt überläuft, und einer Fußzeile, die durch eine eigene Schließen-Schaltfläche, einen externen Klick oder Escape geschlossen werden kann.

1919Banner header dialogÜberlagerungenEin modales Fenster mit einem farbigen Bannerstreifen am oberen Rand, das sich über einer abgeblendeten und völlig inaktiven Kopie der Seite dahinter befindet.