Dialog API

API reference docs for the Stash Dialog component. Learn about the props, CSS, and other APIs of this exported module.

Import

import Dialog from '@leaflink/stash/Dialog.vue';

Props

Name	Type	Default	Description
alert	boolean	false	Treats it like an Alert Dialog, with only the confirmation button showing.
cancelText	string	't(ll.cancel)'	Cancel button text.
confirmText	string	''	Confirm button text.
dangerZone	boolean	false	Is this a dangerous action? Will turn the confirmation button red.
description	string	''	Description text.
disabled	boolean	false	Whether the confirmation button is enabled or not.
header	string	't(ll.areYouSure)'	Header text.
onConfirm	TSFunctionType	() => undefined	Callback function when the confirm button is clicked.
open	boolean	false	Shows or hides the dialog. Usage: v-model:open="isOpen"
status	StatusSeverity	undefined	Adds a top accent border and icon next to the header. This behaves similarly to the Alert component in respect to the levels, icons, and colors passing `error` will treat the dialog the same as `dangerZone`

Slots

Name	Description
default

Events

Name	Description
update:open
cancel