# 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`](https://www.telerik.com/kendo-vue-ui-develop/components/notification/api/notificationprops#type) property. Based on the Notification type your project requires, you can also display an icon by specifying the `icon` of the [`type`](https://www.telerik.com/kendo-vue-ui-develop/components/notification/api/notificationprops#type) property.

The Notification provides the following available `style` type values:

* `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 of a process or an action.
* `warning`—Warns against the occurrence of possible issues.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/notification/types/source.txt)

## Suggested Links

* [API Reference of the Notification](https://www.telerik.com/kendo-vue-ui-develop/components/notification/api/notification)
* [API Reference of the NotificationProps](https://www.telerik.com/kendo-vue-ui-develop/components/notification/api/notificationprops)