Dimensions and Resizing
The Kendo UI for Vue Window enables you to set its initial width and height, and change its dimensions by dragging the resize handles.
Dimensions
To define the dimensions of the Window, use its initialWidth and initialHeight properties. The values are in pixels and set the size of the Window when it renders. The Window then manages its own size, so it respects the dimensions that the user sets by resizing it.
To keep the dimensions in your application state, use the controlled mode. Set the width and height props and update them in the resize event handler. For more information, see Window events.
The following example sets the initial dimensions of the Window.
Resizing
By default, the Window enables you to resize it by dragging its edges and corners (resize handles). To control this behavior, use the resizable prop. Set it to false to remove the resize handles and prevent users from changing the Window size.
To prevent the Window from shrinking below a specified size, set the minWidth and minHeight props. Their default values are 120 and 100 pixels.
The resize event fires while the user drags a resize handle. Use it to track or control the dimensions of the Window.
The following example lets you toggle the resizable prop of the Window.