Confirm

Name: Veldora
Author: Shahriyar Fahim

Accessible confirmation dialog for destructive actions with warning indicator, action details, and cancel/confirm buttons.

<x-confirm>

Default Style

Standard live preview and template usage for <x-confirm>.

Delete Production Database?

This will permanently delete the production-db-01 instance and all 42 tables. This action cannot be undone.

{{-- Trigger --}}
<button onclick="vui.confirm('del-confirm')">Delete Database</button>

{{-- Dialog --}}
<x-confirm
    id="del-confirm"
    title="Delete Production Database?"
    message="This action cannot be undone."
    action="/databases/1"
    method="DELETE"
    confirm-label="Yes, Delete"
    :danger="true"
/>

← Previous Empty Next → Rating