# KendoReact Notification Overview

The KendoReact Notification positions a piece of content next to a specific anchor component.

<CtaPanelOverview></CtaPanelOverview>

The following demo shows the Notification component which is included in the KendoReact Notification package:

[Demo Source](https://demos.telerik.com/kendo-react-ui/notification/overview/func/source.txt)

## What is the KendoReact Notification?

The Notification is a native KendoReact component built specifically for the React ecosystem and distributed via npm.

> [@progress/kendo-react-notification](https://www.npmjs.com/package/@progress/kendo-react-notification)

### Key Features

The KendoReact Notification provides the following key features. Note that this is not an exhaustive list.

* Highly customizable and easy to style **appearance**
  * [Built-in themes](https://www.telerik.com/kendo-react-ui-develop/components/styling)
  * [Theme customization](https://www.telerik.com/kendo-react-ui-develop/components/styling/customizing)
  * [Custom themes](https://www.telerik.com/kendo-react-ui-develop/components/styling/theme-builder)
* Different built-in [Animations](https://www.telerik.com/kendo-react-ui-develop/components/notification/animations)
* Built-in [Types](https://www.telerik.com/kendo-react-ui-develop/components/notification/types)
* Full control over the [Aligning and Positioning](https://www.telerik.com/kendo-react-ui-develop/components/notification/positioning)
* Out-of-the-box **accessibility** and **keyboard navigation**

## How Does the KendoReact Notification Work?

> The KendoReact Notification is a [free React Notification](https://www.telerik.com/kendo-react-ui-develop/components/getting-started/free-vs-premium) that doesn't require a commercial license key or an active trial license key to install or use.

The KendoReact Notification is built natively for React, with no dependencies. They leverage key React concepts such as components-based architecture, props and state management, conditional rendering, and event handling.

You have complete control over your React notification, and you can extend or override its default behavior and appearance via props and event handlers.

### React Notification with Other KendoReact Components

You can combine multiple KendoReact components with the React notification in the same application:

* Display different notification types after clicking a [Button](https://www.telerik.com/kendo-react-ui-develop/components/grid)
* Show a message after a [Form](https://www.telerik.com/kendo-react-ui-develop/components/form) has been submitted
* Display a notification once the [Upload](https://www.telerik.com/kendo-react-ui-develop/components/upload) successfully completes a file upload

> The Notification package is a dependency for multiple other KendoReact components.

### React Notification with Other Telerik Components

Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.

## Frequently Asked Questions

### Is the KendoReact Notification Free to Use?

Yes. The KendoReact Notification is free to use without any license or registration with Progress or Telerik.

### How to Create a Notification in React?

To create a notification in React, you need to install the KendoReact Notification package and then import the component in your application. For more information, refer to the [Getting Started with the KendoReact Notification](https://www.telerik.com/kendo-react-ui-develop/components/notification/get-started) article.

### What are the Available Support Options?

For any questions about the use of the KendoReact Notification, or any other [KendoReact components](https://www.telerik.com/kendo-react-ui/components/), there are [several support options available](https://www.telerik.com/kendo-react-ui/support):

* The [KendoReact forums](https://www.telerik.com/forums/kendo-ui-react) are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
* [KendoReact Feedback Portal](https://feedback.telerik.com/kendo-react-ui) and [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap) provide information on the features in discussion and also those planned for release.
* KendoReact uses [GitHub Issues](https://github.com/telerik/kendo-react) as its bug tracker, and you can submit any related reports there. Also, check out the [closed list](https://github.com/telerik/kendo-react/issues?q=is%3Aissue+is%3Aclosed).

**KendoReact license holders and anyone in an active trial** can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the [Telerik support system](https://www.telerik.com/account/support-tickets).

Need something unique that is tailor-made for your project? Progress offers its [Progress Services](https://www.progress.com/services) group that can work with you to create any customized solution that you might need.

## Suggested Links

* [Getting Started with the KendoReact Free Components](https://www.telerik.com/kendo-react-ui/components/getting-started)

* [Getting Started with the KendoReact Notification](https://www.telerik.com/kendo-react-ui-develop/components/notification/get-started)

* [Getting Started with KendoReact (Online Guide)](https://www.telerik.com/kendo-react-ui-develop/components/getting-started)

* [Getting Started with KendoReact (Video Tutorials)](https://www.telerik.com/kendo-react-ui/resources#videos)

* [Virtual Classroom (Introductory Course Available to Trial and Commercial License Holders)](https://learn.telerik.com/learn/course/external/view/elearning/14/kendoreact)

* [React UI Components](https://www.telerik.com/kendo-react-ui/)

* [Getting Started with the KendoReact Free Components](https://www.telerik.com/kendo-react-ui-develop/components/getting-started/free-vs-premium)

* [Explore the Free Project Tracker Sample Application](https://www.telerik.com/kendo-react-ui-develop/components/sample-applications/project-tracker-with-free-components)

* [Free Project Tracker app page template (built with free components)](https://www.telerik.com/design-system/docs/ui-templates/templates/project-tracker/)
