Sha256: 5b6f8fadb46b0c0a92a86297feef970d27a80aaa4c0c5ad187732adc7522beae

Contents?: true

Size: 510 Bytes

Versions: 1057

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

1,057 entries across 1,057 versions & 2 rubygems

Version Path
playbook_ui-14.2.0.pre.alpha.PLAY15063619 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063618 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.2.0.pre.alpha.PLAY15063618 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.3.0.pre.rc.0 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.3.0.pre.rc.0 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063617 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063617 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063616 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063616 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063615 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063615 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063614 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063614 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063613 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063613 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063612 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063612 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PLAY15063610 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.1.0.pre.alpha.PLAY15063610 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.1.0.pre.alpha.PBNTR417addcolorsupdatedefaultcolor3608 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md