AlertDialog API

A headless confirmation dialog that seeks user input before proceeding. Features a wait()/close() pattern for deferred close during async operations.

Explore these related pages for additional context and usage patterns.

Page	Category
Alert Dialog	Disclosure
Dialog	Disclosure
Popover	Disclosure

AlertDialog.Root

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

id

string | undefined

Unique identifier for the alert dialog (auto-generated if not provided)

modelValue

boolean | undefined

Default: false

Events

update:model-value

[value: boolean]

Slots

default

AlertDialogRootSlotProps

AlertDialog.Action

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

disabled

boolean | undefined

Whether the action button is disabled

Default: false

Events

action

[event: AlertDialogActionEvent]

Slots

default

AlertDialogActionSlotProps

AlertDialog.Activator

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

Slots

default

AlertDialogActivatorSlotProps

AlertDialog.Cancel

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

disabled

boolean | undefined

Whether the cancel button is disabled

Default: false

Slots

default

AlertDialogCancelSlotProps

AlertDialog.Close

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

Slots

default

AlertDialogCloseSlotProps

AlertDialog.Content

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

closeOnClickOutside

boolean | undefined

Close dialog when clicking outside content

Default: false

closeOnEscape

boolean | undefined

Close dialog when pressing Escape

Default: false

blocking

boolean | undefined

Whether this dialog blocks scrim dismissal

Default: false

Events

cancel

[e: Event]

close

[e: Event]

Slots

default

AlertDialogContentSlotProps

AlertDialog.Description

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

Slots

default

AlertDialogDescriptionSlotProps

AlertDialog.Title

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:alert-dialog"

Slots

default

AlertDialogTitleSlotProps