Animate the Window

Environment

Product Version	9.0.0
Product	Progress® KendoReact Window

Description

How can I add animation to the KendoReact Window?

Solution

The Window can be animated with CSS.

jsx

	.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.