Skip to content
On this page

Modal
New

A modal dialog displays content that requires user interaction, in a layer above the page.

Usage

title

Set modal title.

cancelButtonText | confirmButtonText

Set modal cancel button confirm button text.

draggable

Settings can be dragged.

shakeOff

shake off somthing.

headless

custom modal.

Props

NameTypeDefaultDescription
titlestring''set modal title.
cancelButtonTextstringCancelset modal cancel button text.
confirmButtonTextstringConfirmset modal confirm button text.
draggablebooleanfalseDraggable the modal.
shakeOff<'x-button' | 'confirm-button' | 'cancel-button' | 'mask' | 'header' | 'footer'>[][]shake off somthing.

Slots

NameParametersDescription
default()Modal's content.
headless()Custom modal.

MIT Licensed