Sha256: f7ee039141929b81c29426845432565cab8073383cb4195fe0b613714c47635d

Contents?: true

Size: 421 Bytes

Versions: 12

Compression:

Stored size: 421 Bytes

Contents

To use the Draggable kit, you must use the DraggableProvider and pass in `initialItems`. The `onReorder` is a function that returns the data as it changes as items are reordered. Use this to manage state as shown.

The `Draggable.Container` specifies the container within which items can be dropped.
The `Draggable.Item` specifies the items that can be dragged and dropped. `dragId` is a REQUIRED prop for Draggable.Item.

Version data entries

12 entries across 12 versions & 2 rubygems

Version Path
playbook_ui_docs-13.31.0.pre.alpha.play1262iconstyles3172 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui-13.31.0.pre.alpha.play1262iconstyles3172 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui_docs-13.31.0.pre.alpha.play1262iconstyles3171 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui-13.31.0.pre.alpha.play1262iconstyles3171 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui_docs-13.31.0 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui-13.31.0 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui_docs-13.30.0.pre.alpha.play1367contenttagnoninputkits3159 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui-13.30.0.pre.alpha.play1367contenttagnoninputkits3159 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui_docs-13.30.0.pre.alpha.20240515remotebuildkitconversion3150 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui-13.30.0.pre.alpha.20240515remotebuildkitconversion3150 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui_docs-13.30.0.pre.alpha.PBNTR353draggablev53136 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
playbook_ui-13.30.0.pre.alpha.PBNTR353draggablev53136 app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md