React-sortable-hoc: Where is the source code for the grid?

Created on 22 Aug 2018 · 8Comments · Source: clauderic/react-sortable-hoc

http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/grid?_k=t5xcdq

Where can I find the source code of this?

Source

hayk94

Most helpful comment

@hayk94
I was looking for the same thing, best I could find was.
https://codesandbox.io/s/vm917ww2z3

It doesn't allow for multiple props on the gridItem, anyone know how to add more additional props to this example? The documentation does have much on grids...

stevenanthonyrevo on 27 Aug 2018

👍5 ❤4

All 8 comments

@hayk94
I was looking for the same thing, best I could find was.
https://codesandbox.io/s/vm917ww2z3

It doesn't allow for multiple props on the gridItem, anyone know how to add more additional props to this example? The documentation does have much on grids...

stevenanthonyrevo on 27 Aug 2018

👍5 ❤4

@stevenanthonyrevo maybe you can pass the value as component and pass props to it?

hayk94 on 28 Aug 2018

🎉1

@hayk94 Thanks for the help!

I also noticed the documentation doesn't have anything relating to persistent ordering of the grid.

For example, the user can drag the boxes around however the boxes are based on the mapped array order not persistent to db or localstorage. These draggable items don't stay around when user refreshes page. Any thoughts or references for dealing with this?

stevenanthonyrevo on 28 Aug 2018

You can call your function which saves the state in onSortEnd method

hayk94 on 29 Aug 2018

👍2

@hayk94 To answer your original question: https://github.com/clauderic/react-sortable-hoc/blob/master/src/.stories/index.js#L393-L406