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