Überlagerungen

Confirm Delete Modal

Ein zentrierter Bestätigungsdialog, der vor einem abgedunkelten Hintergrund eingeblendet wird, den Benutzer auffordert, eine destruktive Aktion zu bestätigen, und bei Abbrechen, Bestätigen oder einem Klick von außen wieder ausgeblendet wird.

Projects

Northgate rebrand
18 plates · edited 2h ago
Mobile onboarding
7 plates · edited Yesterday
Q3 investor deck
4 plates · edited 3d ago

Confirm Delete Modal verwenden

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, title, closeOnBackdrop

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

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.

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.

2335Dismissible DialogÜberlagerungenEin universeller zentrierter Dialog, der vor einem unscharfen Hintergrund geöffnet wird und durch die Schaltfläche „Schließen“, den Hintergrund oder Escape einfach geschlossen werden kann.

2204Perspective reveal dialogÜberlagerungenEin Allzweckdialog, dessen Bedienfeld von einer ausgewählten Kante in 3D nach innen geneigt und dann abgeflacht wird, um beliebigen Inhalt auf einer abgeblendeten Seite anzuzeigen.

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.

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.