Kendo UI for Angular

Notification

  • The easiest way to add popular notifications (or toast messages) to your Angular UI.
  • 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 Notification component (also known as Angular toast) displays a brief message to inform users about the status of a particular process, such as a successful update of data or an error message. The Angular Notification comes with logic for handling multiple notifications at once, controlling the position of the notification container, and with several predefined styles for common notification scenarios.

    See Angular Notification Overview demo.

    Kendo UI for Angular Notification - Overview
  • Types

    Depending on the result of a particular process, notifications can be styled differently to better convey their message. The Kendo UI for Angular Notification component provides several colors and styles for the most common scenarios like success, info, error, warning, and more.

    See Angular Notification Types demos.

    Kendo UI for Angular Notification - Types
  • Animations

    The Kendo UI for Angular Notification component comes with built-in animations for opening and closing actions, which can be customized and tweaked to fit application requirements—or even disabled completely.

    See Angular Notification Animations demo.

    Kendo UI for Angular Notification - Animations
  • Positioning

    The position of the Kendo UI for Angular Notification is by default automatically handled by the component, but you can configure the notification to align to the browser's viewport or position the component to a specific container.

    See Angular Notification Positioning demo.

    Kendo UI for Angular Notification - Positioning
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI