Skip to content

Standard Overlays & Menus

Alert Dialog

Confirmation dialog with least-destructive initial focus, async action support, Escape cancellation, and focus restoration.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add standard-alert-dialog
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Alert Dialog

Alert Dialog

Live preview of the Alert Dialog component

Remove this draft?

This confirmation starts on Cancel, so an accidental Enter cannot perform the action.

Draft is still available.

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Alert Dialog component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Standard Overlays & Menus components

Browse all →

Modal Dialog

Accessible native modal dialog with inert background, Escape close, backdrop dismissal, and focus restoration.

Dropdown Action Menu

Action menu button with arrow and typeahead navigation, disabled items, separators, Escape close, and focus return.