react-sortable-list

1.1.1 • Public • Published

react-sortable-list

npm version

react-sortable-list is a sortable list component using react and html5 drag and drop api.

Installation

yarn add react-sortable-list

Use

import SortableList from 'react-sortable-list'
import ReactDOM from 'react-dom'
import React, { Component } from 'react'
 
class TestComponent extends Component {
  render() {
    let colors = ['Red', 'Green', 'Blue', 'Yellow', 'Black', 'White', 'Orange']
 
    return (
      <div>
        <SortableList data={colors} />
      </div>
    )
  }
}
 
ReactDOM.render(<TestComponent />, document.getElementById('root'))

Styles

Uses styled-components 💅 for the base styling.

Development

yarn
yarn dev

Test

yarn test

Build

yarn
yarn build

Publish

npm login
npm version patch
git add -A
git push origin master
npm publish

License

MIT

Package Sidebar

Install

npm i react-sortable-list

Weekly Downloads

13

Version

1.1.1

License

MIT

Unpacked Size

456 kB

Total Files

12

Last publish

Collaborators

  • svnm