Getting Started
    Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollViewnew
    • Tooltip
    • TreeListnew
    • TreeViewnew
    • Upload
    Wrapper Components
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to Kendo UI for Vue? Start a free 30-day trial

WindowProps

Represents the props of the Window component.

NameTypeDefaultDescription

appendTo?

String

Defines the string selector to the element to which the Window will be appended. Defaults to its parent element.

closeButton?

string | boolean | object | Function

true

Acccepts a named slot string, functional or class component for the close button. If set to false the button is not rendered.

doubleClickStageChange?

boolean

Specifies if the Window stage will change on title double click. The this is on by default.

draggable?

boolean

Specifies if the Window will be draggable (see example).

height?

number

Specifies the height of the Window (see example).

id?

string

The id of the window.

initialHeight?

number

Specifies the initial height of the Window (see example). The component will be in an uncontrolled mode.

initialLeft?

number

Specifies the initial left value (see example). The Window will be in an uncontrolled mode.

initialTop?

number

Specifies the initial top value (see example). The component will be in an uncontrolled mode.

initialWidth?

number

Specifies the initial width of the Window (see example). The component will be in an uncontrolled mode.

left?

number

Specifies the left coordinates of the Window.

maximizeButton?

string | boolean | object | Function

true

Acccepts a named slot string, functional or class component for the maximize button. If set to false the button is not rendered.

minHeight?

number

Specifies the minimum height of the Window (see example).

minimizeButton?

string | boolean | object | Function

true

Acccepts a named slot string, functional or class component for the minimize button. If set to false the button is not rendered.

minWidth?

number

Specifies the minimum width of the Window (see example).

modal?

boolean

Specifies if the Window will be modal by rendering an overlay under the component.

resizable?

boolean

Specifies if the Window will be resizable (see example).

restoreButton?

string | boolean | object | Function

true

Acccepts a named slot string, functional or class component for the restore button. If set to false the button is not rendered.

shouldUpdateOnDrag?

boolean

Specifies if the Window content will update during resizing.

stage?

string

Controls the state of the Window (see example).

The supported values are:

  • DEFAULT
  • MINIMIZED
  • FULLSCREEN

title?

any

Specifies the title of the Window (see example).

titleRender?

string | object | Function

Acccepts a named slot string, functional or class component for the title render.

top?

number

Specifies the top coordinates of the Window.

width?

number

Specifies the width of the Window.

windowClass?

string

windowStyle?

object

Methods

onClose

Fires when the Close button in the title is clicked or when the Esc button is pressed.

Parameters

event

WindowActionsEvent

onMove

Fires when the Window is dragged.

Parameters

event

WindowMoveEvent

onResize

Fires when the Window resizes.

Parameters

event

WindowMoveEvent

onStagechange

Fires when the DEFAULT, FULLSCREEN, or MINIMIZED state of the Window is changed.

Parameters

event

WindowActionsEvent