app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react
The draggable kit can also be used in conjunction with the table kit to create draggable table rows. To do this:
- Wrap the Table with the
DraggableProvider
and manage state as shown. - use the
draggableContainer
prop on the Table.Body to designate it as the Draggable Container - use the
draggableItem
prop on the Table.Row to designate it as the Draggable Item. Make sure to also pass id to thedragId
prop here.
We recommending using the default dropZone type
with the Table kit.