We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Dialog Component for Vue

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.


Fully customizable

The dialog component is fully customizable.


Built-in buttons

Built-in support to add action buttons in the dialog component. This helps the user define necessary events for dialog actions.


Positioning

Users can position a dialog in a page or specific target.


Draggable

Users can drag a dialog anywhere in a page or to a specific target using its header.


Multiple dialogs

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.


Animation

Users can configure different animations for when the dialog is opened and closed.


Load content via AJAX

Users can show a dialog with dynamic content to load content from external pages or other HTML elements.


Alert and confirmation dialogs

Users can create Vue alerts and confirmation dialogs by using built-in utility functions.


Localization

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.


RTL

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.


Responsiveness

The dialog control provides the best user experience across phone, tablet, and desktop form factors.


Accessibility

  • 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.

Developer-friendly APIs

Developers can control the appearance and behaviors of a dialog, including its positioning, using a rich set of APIs.


45+ VUE COMPONENTS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.