> ## 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. # Text Select Cursor > An arrow turns into an I-beam over a document, drags a selection across a phrase character by character, raises a format toolbar, turns back into an arrow and clicks Bold. **Text Select Cursor** ```html cursor-text-select.html theme={null} Text Select Cursor ``` Copy npx hyperframes add cursor-text-select to the clipboard That writes one file: `compositions/components/cursor-text-select.html`. ## Paste it into your composition Open `compositions/components/cursor-text-select.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 | | - | - | - | - | | `title` | `Spring release notes` | string | | | `text` | `Our spring release ships on Thursday. Teams can now share a live review link, collect time-stamped comments, and approve the final cut without leaving the editor. Early customers cut their review rounds in half.` | string | | | `phrase` | `approve the final cut` | string | | | `accent` | `#0a84ff` | color | | 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` `text` `selection` `editor` `toolbar`. ## 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) - [VFX Text Cursor](https://hyperframes.heygen.com/catalog/blocks/vfx-text-cursor.md) - [Multiplayer Cursors](https://hyperframes.heygen.com/catalog/components/multiplayer-cursors.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.