SortableJS / react-sortablejs

React bindings for SortableJS
http://sortablejs.github.io/react-sortablejs/
MIT License
2.05k stars 209 forks source link

Is it possible to provide a demo? #108

Open PinelliaTime opened 4 years ago

PinelliaTime commented 4 years ago

First of all, I would like to thank the author for providing the react version of sortableJS, but I encountered some problems when using it. When I first used react-sortable, I found it very confused to look at the documentation. So I especially want to see some simple demos to get started quickly. I hope to be able to provide demos of various scenarios like sortableJS, and thank the author again for his hard work.

waynevanson commented 4 years ago

@PinelliaTime Thank you for your kindness!

There are live examples a http://sortablejs.github.io/react-sortablejs/. I'll be adding the code for each one at the start of year 2020.

If you want something more hands on. you run the following commands and it should work. Components for each are in ./examples/components/**

git clone git@github.com:SortableJS/react-sortablejs.git &&
cd react-sortablejs &&
yarn &&
yarn start
PinelliaTime commented 4 years ago

Thanks a lot for giving me this live examples! I'm waiting for your code.

idahopotato1 commented 4 years ago

I know it is totally possible to assign values to the cards and calculate / display the total sum(value) of all the cards in a container? But, I really don't know how to achieve that after hours of googling. Can you give me some hints? Thank you

kungpaogao commented 3 years ago

Is there any update on this? Can authors publish the source code for the examples on https://sortablejs.github.io/react-sortablejs/

vedantrathore commented 3 years ago

Is there any update on the source code for the examples on sortablejs.github.io/react-sortablejs

kungpaogao commented 3 years ago

If you go into your browser Developer Tools > Sources (Firefox: DevTools > Debugger > Sources), you should be able to see the source code for the examples under sortablejs.github.io/examples/components.