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
Parameter | description | type | default value |
---|---|---|---|
visible | control the display of dialog | boolean | false |
on-Confirm | click the dialog to confirm | (e:MouseEvent) => void | false |
on-Cancel | click the dialog to cancel | (e:MouseEvent) => void | undefined |
on-Close | click the dialog to close | (e:MouseEvent) => void | undefined |
enter-name | animation when dialog enter | 来自animate.css | bounceIn |
leave-name | animation when dialog leaves | 来自animate.css | bounceOut |
width | maximum width. When it is number, the unit is PX | string | number | 512px |
bodyMaxHeight | the maximum height of the body. When it is number, the unit is PX | string | number | 512px |
slots
Parameter | description | type | default value |
---|---|---|---|
default | default slot | any | undefined |
footer | footer slot | any | undefined |
icon | icon slot | any | undefined |