Skip to content

Latest commit

 

History

History
29 lines (26 loc) · 606 Bytes

File metadata and controls

29 lines (26 loc) · 606 Bytes

Translate Transition

import { TranslateTransition } from "react-transitions-library";

const TranslateTransition = () => {
  const [animate, setAnimate] = useState(false);
  return (
    <div>
      <TranslateTransition
        in={animate}
        delay={1000}
        timeout={700}
        from={['0px', '0px']}
        to={['20px', '20px']}
      >
        TranslateTransition
      </TranslateTransition>
      <button
        onClick={() => setAnimate((p) => !p)}
      >
        Animate
      </button>
    </div>
  );
}