New to Kendo UI for jQuery? Start a free 30-day trial

Types

Updated on Feb 10, 2026

The Notification provides the "info", "success", "warning", and "error" built-in notification types.

The predefined Notifications enable you to apply different templates and looks for each type and provide ready-to-use shorthand display methods and styling functionalities. The shorthand method names match the listed notification types. You can also define an unlimited amount of custom notification types and corresponding templates.

Starting with 2026 Q1 version when no type parameter is passed to the show method, the Notification will be displayed with default colors (colourless). Previously, the default value of the type property was info. If you need to acheive the previous appearance you can use info method or explicitly pass info as a parameter to the show method.

The following example demonstrates how to apply built-in notification types. You can define an unlimited amount of custom notification types and corresponding templates.

html

    <span id="notification"></span>

  	<script>
    	$(function(){
    		var notificationElement = $("#notification");
            notificationElement.kendoNotification();
            var notificationWidget = notificationElement.data("kendoNotification");

            // Display a "foo" warning message.
            notificationWidget.show("foo", "warning");
            // The above line is equivalent to:
            notificationWidget.warning("foo");

            // Display a "bar" information message.
            notificationWidget.show("bar", "info");
            // The above line is equivalent to:
            notificationWidget.show("bar");
            // and also to:
            notificationWidget.info("bar");
    	});
  	</script>

Types

See Also