• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Dialogs / API / WindowProps / 
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.

onClose?

(event: WindowActionsEvent) => void

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

onMove?

(event: WindowMoveEvent) => void

Fires when the Window is dragged.

onOverlayclick?

(event: any) => void

Fires when modal overlay of the Window is clicked.

onResize?

(event: WindowMoveEvent) => void

Fires when the Window resizes.

onStagechange?

(event: WindowActionsEvent) => void

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

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

themeColor?

string

Specifies the theme color of the Dialog.

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

In this article

Not finding the help you need?

Contact Support