Überlagerungen

Blocking alert dialog

Ein zentraler Dialog, der eine explizite Auswahl erfordert, bevor er geschlossen wird, und der für irreversible Aktionen verwendet wird, die der Besucher nicht versehentlich ablehnen darf.

AccountActive

morgan@driftwork.co

Plate designer, 3 boards owned

Blocking alert dialog verwenden

Ein zentraler Dialog, der eine explizite Auswahl erfordert, bevor er geschlossen wird, und der für irreversible Aktionen verwendet wird, die der Besucher nicht versehentlich ablehnen darf.

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: question, detail, confirmLabel, accentColor

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

2324Confirm action modalÜberlagerungenEin zentrierter Bestätigungsdialog, der sich über einem dunkler werdenden Hintergrund öffnet und den Besucher auffordert, eine destruktive Aktion zu bestätigen oder abzubrechen.

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.

2119Centered modal frameÜberlagerungenEin einfaches, zentriertes Modal, das vor einem abgedunkelten Hintergrund ausgeblendet und skaliert wird, mit Kopf-, Haupt- und Fußzeile, für alltägliche Formulare und Bestätigungen.

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.

2147Edge-tilt alert modalÜberlagerungenEin Warnmodal für irreversible Aktionen, das sich mit einem federnden Überschwingen von der Unterkante anhebt und nach oben kippt und nur über seine eigenen Tasten schließt.

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.