The dialog component is used to notify users of important information and receive input from the user, such as displaying error or warning information and requesting login details. The component comes with built-in buttons, positioning, animation, draggable borders, and template features.
Users can show modal and modeless (non-modal) dialogs depending on their interactions with the parent application.
The dialog component is fully customizable.
Built-in support to add action buttons in the dialog component. This helps the user define necessary events for dialog actions.
Users can position a dialog in a page or specific target.
Users can drag a dialog anywhere in a page or to a specific target using its header.
Users can show multiple dialogs simultaneously in a page. The Vue dialogs are displayed in a stacked order by default, but can be customized dynamically through their z-index.
Users can configure different animations for when the dialog is opened and closed.
Users can show a dialog with dynamic content to load content from external pages or other HTML elements.
Users can create Vue alerts and confirmation dialogs by using built-in utility functions.
All static strings used in a dialog can be localized as needed. The dialog control uses the Essential JS 2 localization library to localize its strings.
Dialog supports right-to-left rendering. Users can change the text direction and layout of the dialog from right to left. It improves the user experience and accessibility for those who uses RTL languages.
The dialog control provides the best user experience across phone, tablet, and desktop form factors.
Fully supports WAI-ARIA accessibility, which helps dialog be accessible by on-screen readers and assistive devices.
Follows WAI-ARIA Best Practices for implementing keyboard interaction.
The UI element visuals such as foreground color, background color, line spacing, text, and images were designed based on WCAG 2.0 standard.
Developers can control the appearance and behaviors of a dialog, including its positioning, using a rich set of APIs.