react-position-transformer

react-position-transformer JS library on GitHub react-position-transformer JS library on npm Download react-position-transformer JS library

Performantly transform one element's position to an others! 📐

Version 0.1.0 License MIT
react-position-transformer has no homepage
react-position-transformer JS library on GitHub
react-position-transformer JS library on npm
Download react-position-transformer JS library
Keywords
reactpositiontransforms

React Position Transformer 📐

npm Build Status code style: prettier Netlify Status

Performantly transform one element's position to an others! 🚀

Demo

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.