Nightingale Posing Mischievously
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

react-timing

1.0.1 • Public • Published

react-timing

Timing as a component

npm install react-timing --save

// an example with react-motion
<Timing from={{top: 1000, left: 0}} sequence={[
  {period: 1000, value:{top: 100, left: 0}},
  {period: 1000, value:{top: 100, left: 100}},
  {period: 1000, value:{top: 0, left: 100}},
  {period: 1000, value:{top: 0, left: 0}}
  ]}>{val =>
    <Spring endValue={{val}}>{ i9ed =>
      <div style={{...i9ed.val, backgroundColor: 'wheat', height: 100, width: 100, position: 'absolute'}}>
        move it
      </div>
    }</Spring>
}</Timing>
 

this is just the start; the hope is to achieve parity with Greensock's awesome timeline api. Open to ideas!

install

npm i react-timing

Downloadsweekly downloads

0

version

1.0.1

license

ISC

last publish

collaborators

  • avatar
Report a vulnerability