読者です 読者をやめる 読者になる 読者になる

undefined

bokuweb.me

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


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

f:id:bokuweb:20160110223714g:plain

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>