Environment

ProductProgress® KendoReact

Description

How can I add animation to the KendoReact Window?

Solution

The Window can be animated with CSS.

.k-window {
    transform: translateY(100%);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: .5s;
    transition-function: ease-in-out;
}

.k-window.shown {
    transform: translateY(0);
    opacity: 1;
}

A runnable example is available here.

 /