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.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.play17725374 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.play17725374 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.play17725372 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.play17725372 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.12.0.pre.rc.4 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.12.0.pre.rc.4 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.hfhbrakemanplaybook5370 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.hfhbrakemanplaybook5370 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.responsivetablerails5364 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.responsivetablerails5364 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.responsivetablerails5362 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.responsivetablerails5362 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR769sticky5359 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR769sticky5359 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md