Überlagerungen

Bounce warning dialog

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

Nightshade

Danger zone

Owner

Delete this project

Removes boards, cards, and file history.

Escape or Cancel backs out. Enter or Delete project confirms.

Bounce warning dialog verwenden

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

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: accentColor, springBounce, icon

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

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.

2306Blocking alert dialogÜberlagerungenEin 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.

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.

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.

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.

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