New to Kendo UI for VueStart a free 30-day trial

WindowProps

Interface

Represents the props of the Window component.

Definition

Package:@progress/kendo-vue-dialogs

Properties

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

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

Default:

true

dir?

string

Specifies the direction of the Window content.

The supported values are:

  • "ltr"
  • "rtl"

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.

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

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

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

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

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

Default:

true

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

minimizeButton?

string | boolean | object | Function

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

Default:

true

minWidth?

number

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

boolean

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

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

Parameters:eventWindowActionsEvent

onMove?

(event: WindowMoveEvent) => void

Fires when the Window is dragged.

Parameters:eventWindowMoveEvent

onOverlayclick?

(event: any) => void

Fires when modal overlay of the Window is clicked.

Parameters:eventany

onResize?

(event: WindowMoveEvent) => void

Fires when the Window resizes.

Parameters:eventWindowMoveEvent

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

Parameters:eventWindowActionsEvent

resizable?

boolean

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

restoreButton?

string | boolean | object | Function

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

Default:

true

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

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.