# Visibility

By default, the Kendo UI for Vue Window is visible whenever you render it.

To show or hide the Window, render it conditionally with `v-if` based on a reactive variable. A falsy condition removes the Window from the view.

```vue
<Window v-if="visible" />
```

To hide the Window based on user interaction, handle the [`close`](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/api/windowprops#onclose) event and update the variable that controls its rendering. The titlebar **Close** button and the `Esc` key (while the Window itself has focus) trigger this event, but do not hide the Window automatically. For more details on the available events, see [Window Events](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/window/events).

The following example starts with an open Window. Click the titlebar **Close** button or one of the action buttons to hide it, then click **Open Window** to show it again.

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

## Suggested Links

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