styled-components / react-animations helper

styled-anim-basic.jsx

import React from 'react';
import styled, { keyframes } from 'styled-components';

const AnimatedComponent = styled.div`
  animation: 1.5s ${keyframes({ from: { width: '0%' }, to: { width: '100%' } })} linear;
`;

const YourComponent = () => <AnimatedComponent>I am animated</AnimatedComponent>;


export default YourComponent;