Essence Dialog - Dialog component
Options:
- visible: boolean value with
true
for visible andfalse
for hidden - onOpen: callback function when Dialog component has visible toggled to
true
- onClose: callback function when Dialog component has visible toggled to
false
- dismissible:
true
orfalse
to toggle the visible prop when clicked on the overlay
How to use
;; { this;} { this;} { console;} { console;} <Dialog visible=true dismissible=false onOpen=thisdialogOpened onClose=thisdialogClosed> <DialogHeader className='e-text-right'> <Btn icon='navigation-close' onClick=thishideDialog className='flat e-background-white' /> </DialogHeader> <DialogContent> This is the Dialog content </DialogContent> <DialogFooter> <Btn type='succes' label='OK' className='flat' /> <Btn type='info' label='Cancel' onClick=thishideDialog className='flat' /> </DialogFooter></Dialog>