# Visibility

By default, the KendoReact Window is visible whenever you render it.

To show or hide the Window, render it conditionally based on a state variable. A falsy condition removes the Window from the view.

```jsx
    // Unmount the Window to hide it.
    {visible && <Window />}
```

To hide the Window based on user interaction, handle the [`onClose`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#onclose) event and update the state that controls its rendering. The titlebar **Close** button and the `Esc` key trigger this event, but do not hide the Window automatically.

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-react-ui/dialogs/window/overview/func/source.txt)

## Suggested Links

* [Learn about KendoReact Free.](https://www.telerik.com/kendo-react-ui-develop/components/getting-started/free-vs-premium)
* [API Reference of the Window](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/window)