Animation ​

Animate Destyler Components with CSS keyframes, native Vue Transition or JavaScript animation library of your choice.

Adding animation to Destyler Components should feel similar to any other component, but there are some caveats noted here in regards to exiting animations with JS animation libraries.

CSS animation ​

The simplest way to animate Components is with CSS.

You can use CSS animation to animate both mount and unmount phases. The latter is possible because the Destyler Components will suspend unmount while your animation plays out.

Vue Transition ​

Other than using CSS animation, you might prefer to use the native Vue <Transition>. Great news! It should be as easy as wrapping component (that has forceMount prop), and you are done!