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-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.34.0.pre.alpha.PLAY14143358 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0.pre.alpha.PLAY14143358 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.34.0.pre.alpha.PLAY14143357 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0.pre.alpha.PLAY14143357 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.34.0 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.33.1.pre.alpha.PLAY14143340 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.33.1.pre.alpha.PLAY14143340 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.33.1.pre.alpha.PLAY14143336 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.33.1.pre.alpha.PLAY14143336 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md