The Kendo UI for Vue Dialog component is a modal window that appears over the page content and prompts the user to take specific action by clicking on pre-defined buttons. The component is ideal for scenarios in which the user’s attention has to be focused on a specific informational message or when they should decide what to do in a specific situation.Kendo UI for Vue – Basic Usage Demo
The Dialog component has a title area. Its idea is to give the users a context of what is the purpose of the current Dialog. The title can be configured with custom text or left blank if the business logic requires it.
The Vue Dialog Action Buttons are the buttons that appear at the bottom of the component and prompt the user to take an action. The text of each of the buttons can be pre-defined and based on the user’s interaction with the component, you can configure the further actions for each button click.Kendo UI for Vue – Action Buttons Demo
The visibility of the Dialog can be controlled with a single property helping you to easily show or hide the component.Kendo UI for Vue – Visibility Demo
The default width and height of the Kendo UI for Vue Dialog component can be easily configured to different values, helping you implement the design that best fits the needs of your application.
In today’s globalized world, many apps require support for Right-to-Left, or RTL text direction. The Kendo UI for Vue Dialog has built-in Right-to-Left support that can be configured with a single property setting.Kendo UI for Vue - Right-to-Left Support Demo