New to KendoReact? Learn about KendoReact Free.

Visibility

Updated on Oct 27, 2026

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 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.

Example
View Source
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support