Skip to main content
Vuetify0 v1.0 is here
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

Alert API

Inline status message with ARIA live-region semantics. Use role=alert for urgent messages, role=status for informational.

Explore these related pages for additional context and usage patterns.

PageCategory
AlertSemantic
SnackbarSemantic
Alert DialogDisclosure
useNotificationsPlugins

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

Alert.Root

Props

role

"alert" | "status" | undefined

ARIA live-region role. - 'alert' — assertive: AT interrupts to announce the message immediately. - 'status' — polite: AT waits for the current speech to finish.

Default: "alert"

Slots

default

AlertRootSlotProps

Alert.Description

Slots

default

AlertDescriptionSlotProps

Alert.Title

Slots

default

AlertTitleSlotProps

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
Was this page helpful?
© 2016-1970 Vuetify, LLC
Services
Ctrl+/