Animate change in menu items

Hello Karalynn,

As far as I am aware, there is no way to add animation when a content of an element is changed. With that in mind, the only option would be to manually add/remove a class name that will trigger the animation for the items (note that you will have to wrap the content within the itemRender in a DIV or span element or use the default added class names). Additionally, when the data changes you can add a class name to the wrapping element of the Menu and animate all items. Here is an example with such implementation:

• https://stackblitz.com/edit/react-shl74f?file=app%2Fmain.tsx,index.html

Please note that if you want to add the animation only to the items which data is changed you will have to add some different logic and maybe add specific class name to the items within the itemRender that have changed (maybe by adding a time stamp with the last update or some other custom logic).

Regards,
Konstantin Dikov
Progress Telerik