Skip to content
Agents / Interaction

Confirmation

Give an action a clear review point before it runs.

Registry
Loading state

0 confirmed

Installation

  1. Add the registry entry to your app.

    npx shadcn@latest add @fabrials/confirmation-dialog

    Without the named registry, use the address: https://ui.fabrials.com/r/confirmation-dialog.json

API reference

Prop / exportTypeDescription
openbooleanControlled visibility.
onOpenChange(open) => voidVisibility updates.
title / descriptionstringDescribe the concrete action and its consequences.
onConfirm() => Promise<unknown>Runs only after confirmation.

Behavior

Focus trapping and dismissal come from Base UI. Pending actions cannot be dismissed accidentally.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.