Dialog🍥

Display data on the same page in the form of pop-up window

Code demonstration

import { UDialog } from 'ungeui'

Ordinary dialog🚀

Preset event interaction🧷

Customize bottom content🥘

Custom icon type🌈

Transition animation⚙️

In addition, we hope to give users more flexibility in transition animation, thanks toanimate.css, you can pass in the legal animation class

Props

Parameterdescriptiontypedefault value
visiblecontrol the display of dialogbooleanfalse
on-Confirmclick the dialog to confirm(e:MouseEvent) => voidfalse
on-Cancelclick the dialog to cancel(e:MouseEvent) => voidundefined
on-Closeclick the dialog to close(e:MouseEvent) => voidundefined
enter-nameanimation when dialog enter来自animate.cssbounceIn
leave-nameanimation when dialog leaves来自animate.cssbounceOut
widthmaximum width. When it is number, the unit is PXstring | number512px
bodyMaxHeightthe maximum height of the body. When it is number, the unit is PXstring | number512px

slots

Parameterdescriptiontypedefault value
defaultdefault slotanyundefined
footerfooter slotanyundefined
iconicon slotanyundefined

Last Updated: