> ## Documentation Index > Fetch the complete documentation index at: https://hyperframes.heygen.com/llms.txt > Use this file to discover all available pages before exploring further. # Drag and Drop Cursor > A cursor grabs a task card, lifts and tilts it into its motion, carries it in lockstep to an empty column, drops it with a small settle, and the list closes the gap behind it. **Drag and Drop Cursor** ```html cursor-drag-drop.html theme={null} Drag and Drop Cursor ``` Copy npx hyperframes add cursor-drag-drop to the clipboard That writes one file: `compositions/components/cursor-drag-drop.html`. ## Paste it into your composition Open `compositions/components/cursor-drag-drop.html` and copy what is inside into your own composition. A component has no size or duration of its own. It takes both from the composition you paste it into. ## Variables Every one of these has a default, so the piece works untouched. Set the ones you want to change on the element: | Variable | Default | Accepts | What it does | | - | - | - | - | | `card_label` | `Fix checkout validation` | string | | | `accent` | `#0a84ff` | color | | | `tone` | `light` | `light`, `dark` | | Set them with `data-variable-values` on the element that mounts it. These are the defaults, so this behaves exactly like the preview above until you change one: ```html wrap theme={null}
``` Tagged `cursor` `motion-primitive` `drag` `drop` `kanban` `product-demo`. ## Related topics * [Browse the complete Catalog](https://hyperframes.heygen.com/catalog.md) * [Add assets and Catalog items in Studio](https://hyperframes.heygen.com/studio/assets-and-blocks.md) * [Build a richer composition](https://hyperframes.heygen.com/go-further.md) ## Related topics - [Marquee Select Cursor](https://hyperframes.heygen.com/catalog/components/cursor-marquee-select.md) - [Text Select Cursor](https://hyperframes.heygen.com/catalog/components/cursor-text-select.md) - [Use images and video](https://hyperframes.heygen.com/guides/video-components.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.