Types

Updated on Feb 10, 2026

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

You can use different templates and looks for each type. The built-in Notification types provide ready-to-use shorthand methods for display as well as built-in templates and styling. The names of the shorthand methods match the listed Notification types.

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 the built-in Notification types. You can define an unlimited amount of custom notification types and corresponding templates.

Razor

    @(Html.Kendo().Notification()
        .Name("notification")
    )

JS

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

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

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

See Also

• NotificationBuilder Server-Side API
• Notification Server-Side API