react-dragnow

A react-dnd wrapper.

Usage no npm install needed!

<script type="module">
  import reactDragnow from 'https://cdn.skypack.dev/react-dragnow';
</script>

README

react-dragnow

A simple component for making elements draggable, base on react-dnd.

Installing

npm install react-dragnow

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import DragNow from 'react-dragnow'

const App = () => (
  <DragNow>
    <div style={{ width: 300, height: 300, background: '#4a79dc' }} />
  </DragNow>
)

ReactDOM.render(<App />, document.querySelector('body'))

snapshot

Edit nz1v07z7p

Props

  • initialLeft - Initial left value, default is 0.
  • initialTop - Initial top value, default is 0.
  • autoCenter - Default is true.