🚨 Deprecated

This project is no longer being maintained. I'd recommend using the popular react-popper package instead as it's mature, better tested, and offers more features.

react-clingy

Position elements relative to each other in React.

Example

import Clingy from 'react-clingy';

// Inside a render method
<div ref={(ref) => { this.targetRef = ref; }}>Target</div>
...
<Clingy target={this.targetRef} from="25%-10 top" to="left 75%">
  <div>Element to position</div>
</Clingy>