Fieldbook
Sign in

Overlays

Confirm Delete Modal

A centered confirmation dialog that fades in over a dimmed backdrop, asks the user to confirm a destructive action, and animates back out on cancel, confirm, or outside click.

Using Confirm Delete Modal

A centered confirmation dialog that fades in over a dimmed backdrop, asks the user to confirm a destructive action, and animates back out on cancel, confirm, or outside click.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accentColor, title, closeOnBackdrop

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Centered modal frame
2119Centered modal frameOverlaysA plain centered modal that fades and scales in over a dimmed backdrop, with a header, body and footer, for everyday forms and confirmations.
Confirm action modal
2324Confirm action modalOverlaysA centered confirmation dialog that springs open over a dimming backdrop, asking the visitor to confirm or cancel a destructive action.
Dismissible Dialog
2335Dismissible DialogOverlaysA general-purpose centered dialog that opens over a blurred backdrop and can be casually dismissed by its close button, the backdrop or Escape.
Perspective reveal dialog
2204Perspective reveal dialogOverlaysA general purpose dialog whose panel tilts in from a chosen edge in 3D, then flattens into place, for showing arbitrary content over a dimmed page.
Banner header dialog
1919Banner header dialogOverlaysA modal window with a colored banner strip across its top edge, sitting over a dimmed and fully inert copy of the page behind it.
Blocking alert dialog
2306Blocking alert dialogOverlaysA centered dialog that demands an explicit choice before it will close, used for irreversible actions the visitor must not dismiss by accident.