https://github.com/iamdanielyin/react-dragnow

A react-dnd wrapper.
https://github.com/iamdanielyin/react-dragnow

drag react react-dnd

Last synced: 3 months ago
JSON representation

A react-dnd wrapper.

• Host: GitHub
• URL: https://github.com/iamdanielyin/react-dragnow
• Owner: iamdanielyin
• License: apache-2.0
• Created: 2018-09-12T09:21:02.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-09-20T03:28:05.000Z (almost 8 years ago)
• Last Synced: 2025-03-10T04:10:19.821Z (over 1 year ago)
• Topics: drag, react, react-dnd
• Language: JavaScript
• Size: 1.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-dragnow

A simple component for making elements draggable, base on [react-dnd](https://www.npmjs.com/package/react-dnd).

## Installing

```sh

npm install react-dragnow

```

## Usage

```jsx

import React from 'react'

import ReactDOM from 'react-dom'

import DragNow from 'react-dragnow'

const App = () => (

  

    


  

)


ReactDOM.render(, document.querySelector('body'))

```

![snapshot](https://raw.githubusercontent.com/yinfxs/react-dragnow/master/snapshot.gif)

[![Edit nz1v07z7p](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/nz1v07z7p)

## Props

* `initialLeft` - Initial left value, default is 0.

* `initialTop` - Initial top value, default is 0.

* `autoCenter` - Default is true.