Returns

Name	Type	Description
show	(options: ImperativeAlertDialogOptions) => void	Show the alert dialog with the given options. Options are the same as AlertDialog props minus isOpen, plus onAction.
hide	() => void	Hide the alert dialog.
isOpen	Ref<boolean>	Whether the dialog is currently open.
Host	Component	The dialog element. Render it once in your template: <component :is="alert.Host" />.

Options

Name	Type	Default	Description
title	string	—	The question being asked. It names the dialog through aria-labelledby. Required.
description	string	—	What happens if the user confirms. It is linked through aria-describedby. Required.
actionLabel	string	—	Label for the confirming action. Say what will happen, such as 'Delete project'. Required.
onAction	(event: MouseEvent) => void	—	Called when the confirming action is activated. The dialog is not closed for you: call hide() once the work settles.
cancelLabel	string	'Cancel'	Label for the cancel button.
actionVariant	AlertDialogActionVariant	'destructive'	Visual style of the confirming action.
isActionLoading	boolean	false	Shows a spinner on the confirming action while its work is in flight.
width	number | string	400	Preferred width. Numbers are pixels, strings are used as-is.