# Vue Dialog Overview

The KendoVue Dialog communicates specific information and prompts users to take specific actions by interacting with a modal dialog.

The KendoVue Dialog component is part of the KendoVue library of Vue UI components. It is distributed through NPM under the [kendo-vue-dialogs package](https://www.npmjs.com/package/@progress/kendo-vue-dialogs).

<CtaPanelOverview></CtaPanelOverview>

## Basic Usage

The following example demonstrates the Dialog in action.

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

## Functionality and Features

* [Title](https://www.telerik.com/kendo-vue-ui/components/dialogs/dialog/title)
* [Visibility](https://www.telerik.com/kendo-vue-ui/components/dialogs/dialog/visibility)
* [Action buttons](https://www.telerik.com/kendo-vue-ui/components/dialogs/dialog/action-buttons)
* [Dimensions](https://www.telerik.com/kendo-vue-ui/components/dialogs/dialog/dimensions)
* [Initial focus](https://www.telerik.com/kendo-vue-ui/components/dialogs/dialog/initial-focus)
* [Globalization](https://www.telerik.com/kendo-vue-ui/components/dialogs/globalization)
* [Keyboard navigation](https://www.telerik.com/kendo-vue-ui/components/dialogs/dialog/keyboard-navigation)

## Support and Learning Resources

* [Dialog Homepage](https://www.telerik.com/kendo-vue-ui/dialog)
* [API Reference of the Dialog Component](https://www.telerik.com/kendo-vue-ui/components/dialogs/api/dialogprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Dialog Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=dialog)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)
