# Dialog Events

The Kendo UI for Vue Dialog emits the [`close`](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/api/dialogprops#onclose) event when the user clicks the titlebar **Close** button or presses `Esc`. When the Dialog is modal, it also emits the [`overlayclick`](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/api/dialogprops#onoverlayclick) 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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dialogs/dialog/events/source.txt)

## Suggested Links

* [API Reference of the Dialog](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/api/dialogprops)