rsl

react-sortable-list

A sortable list component using html5 drag and drop api

Showing:

Popularity

Downloads/wk

119

Maintenance

No Maintenance Data Available

Package

Dependencies

2

Size (min+gzip)

17.9KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Readme

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100

Alternatives

rm
react-movable🔀 Drag and drop for your React lists and tables. Accessible. Tiny.
User RatingN/A
Top Feedback
1Easy to Use
1Performant
GitHub Stars
1K
Weekly Downloads
42K
react-dndDrag and Drop for React
User Rating
4.4/ 5
25
Top Feedback
8Great Documentation
2Performant
2Bleeding Edge
GitHub Stars
16K
Weekly Downloads
894K
rsh
react-sortable-hocA set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
User Rating
4.8/ 5
5
Top Feedback
3Great Documentation
3Easy to Use
GitHub Stars
10K
Weekly Downloads
496K
rd
react-dragtasticA simple drag and drop library for React which uses the more stable mouseDown/mouseUp event pattern instead of the problematic HTML5 drag and drop API
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
188
Weekly Downloads
198
react-beautiful-dndBeautiful and accessible drag and drop for lists with React
User Rating
4.6/ 5
62
Top Feedback
17Great Documentation
8Easy to Use
4Hard to Use
GitHub Stars
25K
Weekly Downloads
918K
See 26 Alternatives