Kendo UI for Angular

Angular Dialog

  • Display information and prompt the user to take action before moving on. Often used to confirm or cancel operations.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Dialog showcases specific information and prompts the user to take an action through a modal window. Often used to provide a modal dialog to confirm or cancel an action, the Angular Dialog component is perfect to draw the user’s attention when a decision has to be made before moving on.

    See Angular Dialog Overview demo.

    Kendo UI for Angular Dialog - Overview
  • Title

    Every Kendo UI for Angular Dialog component has a title area which can contain custom text, custom HTML, or be left blank. Use the title in order to help users quickly contextualize what the Angular Dialog is prompting them to do.

    See Angular Dialog Title demo.

    Kendo UI for Angular Dialog - Title
  • Dimensions

    By default, the Kendo UI for Angular Dialog has built-in logic for determining the rendered height and width. For scenarios that need customization, the dimensions can easily be overridden by using the width and height options of the Angular Dialog component.

    See Angular Dialog Dimensions demo.

    Kendo UI for Angular Dialog - Dimensions
  • Action Buttons

    You can flexibly define custom actions and buttons at the bottom of the Kendo UI for Angular Dialog, called Dialog Action Buttons. Each option in this area corresponds to a button that you can hook in to in order to perform an action based on the user’s selection.

    See Angular Dialog Action Buttons demo.

    Kendo UI for Angular Dialog - Action Buttons
  • Visibility

    The Kendo UI for Angular Dialog always displays its modal dialog in the center of the user’s screen, which can be challenging to create on your own. Moreover, you can hide or show the Angular Dialog when you need to through setting a single configuration option.

    See Angular Dialog Visibility demo.

  • Globalization

    The Kendo UI for Angular Dialog offers right-to-left support, allowing you to use the Angular Dialog in several different globalization scenarios.

    See Angular Dialog Globalization demo.

    Kendo UI for Angular Dialog - Globalization
  • Keyboard Navigation

    The Kendo UI for Angular Dialog fully supports keyboard navigation and has several built-in keyboard shortcuts for interacting with the Angular Dialog component and its elements.

  • Accessibility

    The Kendo UI for Angular Dialog is AA rated for WCAG 2.0 and compliant with both WAI-ARIA and Section 508 standards.

    Kendo UI for Angular - Calendar Accessibility
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI