import { VeltCursor } from '@veltdev/react';

export default function App() {

  return (
    <>
      <VeltCursor>
        <img src="..." slot="cursor" />
      </VeltCursor>

      {/* ... */}
    </>
  );
}

Add a custom icon for the cursor

You can provide any HTML inside the cursor element.

Just provide the correct slot attribute and the cursor icon that we use will be replaced.

<VeltCursor>
  <img src="..." slot="cursor" />
</VeltCursor>

import { VeltCursor } from '@veltdev/react';

export default function App() {

  return (
    <>
      <VeltCursor>
        <img src="..." slot="cursor" />
      </VeltCursor>

      {/* ... */}
    </>
  );
}

Was this page helpful?

Create Your Own UIParts