Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Trigger & Display
Basic implementation using v-model to bind the dialog state.
Custom Content & Non-dismissable
Use slots for custom HTML content and prevent clicking outside to dismiss the dialog.
AlertDialog API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
open | boolean | false | Controls dialog visibility. Bind with v-model:open. |
title | string | '' | Heading text rendered in the dialog header. |
description | string | '' | Subtext below the title describing the action. |
preventCloseOut | boolean | false | When true, clicking the backdrop or pressing Escape does NOT close the dialog. |