Example of Notifications Centre

Hello, Grant,

The overview example can show multiple notifications based on the button clicks:

In React, everything that is changing dynamically has to be part of the state, this is the React recommendations.

Could you please share a specific use case where the KendoReact Notification is restrictive and fails to achieve the requirement?

Regards,
Stefan
Progress Telerik

Hi Stefen, 

Thanks for the quick response.

After some additional research, I think Im maybe asking the wrong question. Like the links in my original post, I want to make use of a Notification Centre. Where I can call a function that adds a new notification popup/toast to a container that I can call it n-times.

I suppose it true that Kendo has provided all thats needed to build this functionality myself. But I neither have the time or skillset to do so at the moment. So I was hoping that someone had a already created a similar example that I can use or build on.

Thanks,
Grant

Hello, Grant,

Thank you for the clarification.

This indeed has to be implemented by the developer to dynamically add or remove items inside the state notification collection.

I made an example showcasing a possible approach. This can be modified to match the application requirements:

https://stackblitz.com/edit/react-mkhal8?file=app/main.jsx

We agree that having a built-in method looks easier but we try to follow Reacts recommendation on those things that has to update on the page, even if sometimes this will require more code from the developer.

Regards,
Stefan
Progress Telerik

Thanks Stefen, 

This demo will really help!

Regards,
Grant

Hi Stefen,

While your demo works, it no longer runs the animations (in or out), why is that?

Thanks

Hello, Grant,

Yes, it needs a little change, the Animation Fade component has to be outside of the list:

https://stackblitz.com/edit/react-mkhal8-q7aiea?file=app/main.jsx

Regards,
Stefan
Progress Telerik

Thanks Stefen, much appreciated.

-G