New to Kendo UI for Vue? Start a free 30-day trial

WindowProps

Represents the props of the Window component.

appendTo?

HTMLElement

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

close?

(event: WindowActionsEvent) => void

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

closeButton?

any

Specifies if the Window will render the close button.

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?

any

Specifies if the Window will render the maximize button.

minHeight?

number

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

minWidth?

number

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

minimizeButton?

any

Specifies if the Window will render the minimize button.

modal?

boolean

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

move?

(event: WindowMoveEvent) => void

Fires when the Window is dragged.

resizable?

boolean

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

resize?

(event: WindowMoveEvent) => void

Fires when the Window resizes.

restoreButton?

any

Specifies if the Window will render the restore button.

shouldUpdateOnDrag?

boolean

Specifies if the Window content will update during resizing.

stage?

windowStage | string

Controls the state of the Window (see example).

The supported values are:

  • DEFAULT
  • MINIMIZED
  • FULLSCREEN

stagechange?

(event: WindowActionsEvent) => void

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

title?

string | any

Specifies the title of the Window (see example).

titleRender?

(h: any, defaultRendering: VNode | null, props: any, listeners: any) => VNode | any

Defines the custom rendering of the title. Accepts a Vue component, a render function, or a slot name.

top?

number

Specifies the top coordinates of the Window.

width?

number

Specifies the width of the Window.