New to Kendo UI for Vue? Start a free 30-day trial
Dialog Events
Updated on Oct 27, 2026
The Kendo UI for Vue Dialog emits the close event when the user clicks the titlebar Close button or presses Esc. When the Dialog is modal, it also emits the overlayclick event when the user clicks the overlay behind it.
To close the Dialog in the close event handler, update the state that controls its rendering. The Dialog handles Esc only when you attach a close event listener.
The buttons you place inside the DialogActionsBar have their own @click handlers and do not emit close. The following example handles close, overlayclick, and the click of an action button.
Loading ...