# KendoReact Window Overview

The KendoReact Window displays content in a non-modal HTML window which can be moved and resized.

The KendoReact Window is distributed through the [kendo-react-dialogs NPM package](https://www.npmjs.com/package/@progress/kendo-react-dialogs).

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Window in action.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dialogs/window/overview/func/source.txt)

> The Window is part of the [KendoReact Dialogs](https://www.telerik.com/kendo-react-ui-develop/components/dialogs) component library. The procedures for installing, importing, and using the Dialogs are identical for all components in the package. To learn how to use the Window and the rest of the Window, see the [Getting Started with the KendoReact Dialogs](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/get-started) guide.

## Key Features

* [Controlled Window](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/controlled-mode)—You can control the Window size on position directly from the application state.
* [Title](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/title)—You can customize the title of the Window.
* [Visibility](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/visibility)—You can control when the Window is visible on the page.
* [Dimensions and resizing](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/dimensions-resizing)—You can enable or disable the Window resizing.
* [Positioning and dragging](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/positioning-dragging)—You can enable or disable the Window dragging.
* [Minimizing and maximizing](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/minimizing-fullscreen)—You can control the `minimized`, `default`, and `full screen` state of the Window.
* [Action Buttons](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/action-buttons)—You can add different actions buttons to the Window.
* [Initial Focus](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/initial-focus)—You can control whether the Window focuses its container when it opens.
* [Globalization](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/globalization)—The built-in globalization support allows you to create apps that are ready to be implemented worldwide.
* [Keyboard navigation](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/keyboard-navigation)—The Window supports various keyboard shortcuts.

## Suggested Links

* [API Reference of the Window](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/window)
* [Globalization of the Dialogs](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/globalization)