Preview Code
Style: Shadcn
Default
Default CSS
Show Dialog Are you absolutely sure? This action cannot be undone. This will permanently delete your account and remove your data from our servers. Cancel Continue
<alert-dialog>
    <alert-dialog-trigger asChild>
        <vanilla-button variant="outline">Show Dialog</vanilla-button>
    </alert-dialog-trigger>
    <alert-dialog-content>
        <alert-dialog-header>
            <alert-dialog-title>Are you absolutely sure?</alert-dialog-title>
            <alert-dialog-description>
                This action cannot be undone. This will permanently delete your
                account and remove your data from our servers.
            </alert-dialog-description>
        </alert-dialog-header>
        <alert-dialog-footer>
            <alert-dialog-cancel>Cancel</alert-dialog-cancel>
            <vanilla-button>Continue</vanilla-button>
        </alert-dialog-footer>
    </alert-dialog-content>
</alert-dialog>