AlertDialog

A modal dialog that interrupts the user with important content and expects a response.

Confirm Account Deletion

Deleting your account is irreversible. All your account information, including data and settings, will be permanently erased. Are you absolutely sure?

AlertDialog With Only Title

Confirm Account Deletion

AlertDialog With Only Description

Deleting your account is irreversible. All your account information, including data and settings, will be permanently erased. Are you absolutely sure?

AlertDialog Structure

<!-- AlertDialog -->
<div class="flex w-full max-w-lg flex-col gap-2 rounded-xl border bg-surface p-6 shadow-lg"></div>
 
<!-- AlertDialog Content -->
<div class="flex flex-col space-y-2 text-center sm:text-left"></div>
 
<!-- AlertDialog Title -->
<h2 class="text-lg font-semibold">AlertDialog Title</h2>
 
<!-- AlertDialog Description -->
<p class="text-sm text-muted-text">AlertDialog Description</p>
 
<!-- AlertDialog Footer -->
<div class="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"></div>

Previous

Alert

Next

Avatar

On this page