Überlagerungen

Confirm action dialog

Ein zentriertes Modal, das die Seite unterbricht, damit jemand eine schwerwiegende Aktion explizit bestätigt oder abbricht, bevor sie geschieht.

Drafts1 item

Autumn campaign v3

Edited 2 hours ago

Confirm action dialog verwenden

Ein zentriertes Modal, das die Seite unterbricht, damit jemand eine schwerwiegende Aktion explizit bestätigt oder abbricht, bevor sie geschieht.

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: confirmLabel, cancelLabel, accentColor, destructive

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2334Destructive confirm dialogÜberlagerungenEin 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.

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.