Back

Pointerdown Cursor Button

Component Code (Next.js)

Use Copy Code to load the current local source for the Pointerdown cursor button.

Claude / Codex Prompt

Create a tactile button component that uses a custom cursor asset and swaps to a pressed cursor asset on :active.
- Include pointer.svg and pointerdown.svg asset references.
- Add comments in the CSS showing where users can replace those cursor files.
- Keep real button semantics, focus-visible styles, hover lift, active press depth, and reduced-motion handling.
- Make the component self-contained and copy-paste friendly.