Component API

Props

Name	Type	Default	Description
btn-align	'start' | 'center' | 'end' | 'space-between' | 'space-around'	'end'	justify-content css property. Available options are start,center,end,space-between,space-around.
btns	{ class: string | string[] color: string onClick: (event?: MouseEvent) => void text: string textColor: string }[]	[]	Action buttons
closeable	boolean	false	show / hide flag of close icon to dialog
dark	boolean	false	Enable dark theme
hide-header	boolean	false	hidden default header
message	string	undefined	Message text
model-value	boolean	false	show / hide flag of dialog
no-actions-divider	boolean	false	show / hide flag of between message and action divider
persistent	boolean	false	Clicking outside of the element not deactivate it
title	string	undefined	Title text
title-color	string	'inherit'	Background color of header
title-text-color	string	'inherit'	Text color of header
width	string | number	800	Component width

Events

Name	Type	Description
click:outside	PointerEvent	Emitted when clicking outside an active dialog
update:modelValue	boolean	The updated bound model

Slots

Name	Type
actions	{ items: { attrs: Record<string, unknown> class: string | string[] color: string onClick: (event?: MouseEvent) => void text: string textColor: string }[] }
body	{ attrs: Record<string, unknown> message: string }
header	{ attrs: Record<string, unknown> title: string }