# Visibility

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

To show or hide the Window, render it conditionally with the [`@if`](https://angular.dev/guide/templates/control-flow) control flow block based on a component property. A falsy condition removes the Window from the view.

To hide the Window based on user interaction, handle the [`close`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowcomponent#close) event and update the property that controls its rendering. The titlebar **Close** button and the `Esc` key (while the Window has focus) trigger this event, but do not hide the Window automatically.

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

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

## Suggested Links

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