リサイズとドラッグが可能なReactコンポーネントを作った

以前作ったreact-resizable-boxにドラッグで移動できる機能を付加したreact-resizable-and-movableを作った。あまりいい名前が思いうかばず残念な感じになってしまった。

Demo

React-resizable-and-movable example

Repository

github.com

インストール

npm i react-resizable-and-movable

概要

付箋のようなものが必要だったので作った。startプロパティでx,y,width,heightを設定すれば使用できます。

<ResizableAndMovable
   start={{x:20, y:20, width:200, height:200}}
  <p>Example</p>
</ResizableAndMovable>