# Types

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**](https://www.telerik.com/aspnet-mvc/documentation/backwards-compatibility/2026-backwards-compatibility) version when no `type` parameter is passed to the [`show`](https://www.telerik.com/aspnet-mvc/documentation/api/ui/notification/methods/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`](https://www.telerik.com/aspnet-mvc/documentation/api/ui/notification/methods/info) method or explicitly pass `info` as a parameter to the [`show`](https://www.telerik.com/aspnet-mvc/documentation/api/ui/notification/methods/show) method.

The following example demonstrates the built-in Notification types. You can define an unlimited amount of custom notification types and corresponding [templates](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/layout/notification/templates).

```Razor HtmlHelper
    @(Html.Kendo().Notification()
        .Name("notification")
    )
```

```JS script.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](https://www.telerik.com/aspnet-mvc/documentation/api/kendo.mvc.ui.fluent/notificationbuilder)
* [Notification Server-Side API](https://www.telerik.com/aspnet-mvc/documentation/api/notification)