@atlaskit/motion
Version:
A set of utilities to apply motion in your application.
33 lines (31 loc) • 797 B
JavaScript
import React from 'react';
import KeyframesMotion from './keyframes-motion';
/**
* Props for controlling the behavior of the AnimateIn animation
*/
/**
* __AnimateIn__
*
* Useful for Animating in one or more elements.
*
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/motion/docs/entering-motion)
*/
const AnimateIn = ({
children,
duration = 'large',
enteringAnimation,
exitingAnimation,
onFinish,
isPaused,
animationTimingFunction
}) => {
return /*#__PURE__*/React.createElement(KeyframesMotion, {
duration: duration,
enteringAnimation: enteringAnimation,
exitingAnimation: exitingAnimation,
animationTimingFunction: animationTimingFunction,
onFinish: onFinish,
isPaused: isPaused
}, children);
};
export default AnimateIn;