Sha256: 5b6f8fadb46b0c0a92a86297feef970d27a80aaa4c0c5ad187732adc7522beae

Contents?: true

Size: 510 Bytes

Versions: 998

Compression:

Stored size: 510 Bytes

Contents

For a simplified version of the Draggable API for the Card kit, you can do the following:

Use `DraggableProvider` and manage state as shown.

`Draggable.Container` creates the container within which the cards can be dragged and dropped. 

The Card kit is optimized to work with the draggable kit. To enable drag, use the `draggableItem` and `dragId` props on the Card kit as shown. An additional optional boolean prop (set to true by default) of `dragHandle` is also available to show the drag handle icon.


Version data entries

998 entries across 998 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md