Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to KendoReact? Start a free 30-day trial

Types

Depending on the outcome of application operations and processes, the Notification enables you to display different types of notifications.

Each Notification type is color-coded which allows the user to immediately recognize if the notification indicates a successful operation or an error message. To use the predefined styles for each Notification type, pass a style to the type property. Based on the Notification type your project requires, you can also display an icon by specifying the icon of the type property.

The Notification provides the following available style type values:

  • noneRenders the default styling options of the component.
  • successIndicates a successfully completed action.
  • infoProvides neutral information about a process or an action.
  • errorInforms the user about an erroneous outcome of a process or an action.
  • warningWarns against the occurrence of possible issues.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?