Animate the Window

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.

In this article

Not finding the help you need?