• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

Types

The Notification allows you to set different types of notifications.

Each type is color-coded, which allows the user to immediately recognize whether the notification indicates a successful operation or an error message. To use the predefined styles for each Notification type, pass a type value to the dynamically created (with the Notification Service) component in the type field of the result. Based on the Notification type your project requires, you can also display an icon by specifying typeIcon: true.

The available type values are:

  • none—Renders the default styling options of the component.
  • success—Indicates a successfully completed action.
  • info—Provides neutral information about a process or an action.
  • error—Informs the user about an erroneous outcome from a process or an action.
  • warning—Warns against the occurrence of possible issues.
Example
View Source
Change Theme:

In this article

Not finding the help you need?