background

Kendo UI for Angular

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 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Example of a Notification using the Notification Component
  • Configurable (Toast) Notifications

    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

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka