New to Kendo UI for Vue? Start a free 30-day trial
Visibility
Updated on Oct 27, 2026
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 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.
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.
Loading ...