Skip to content

iamjoshellis/react-position-transformer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

22 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Position Transformer ๐Ÿ“

npm Build Status code style: prettier Netlify Status Greenkeeper badge

Performantly transform one element's position to an others! ๐Ÿš€

Usage:

import * as React from 'react';
import Transformer from 'react-position-transformer';

class MyComponent extends React.Component {
  destRef = React.createRef();

  render() {
    return (
      <React.Fragment>
        <div ref={this.destRef}>
          dest
        </div>
        <Transformer
          transition={300}
          transformed={this.props.transformed}
          destRef={this.destRef.current}
        >
          <div>src</div>
        </Transformer>
      </React.Fragment>
    );
  }
}

src will be "moved" (via css transforms) to dest when transformed === true.

About

Performantly transform one element's position to an others! ๐Ÿ“

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published