Target Cursor
Corner brackets ring the cursor and spin; over a marked element they lock onto its edges. The system cursor stays visible.
import { TargetCursor } from "pleate/effects/target-cursor";Targets
Mark elements with data-cursor-target.
Any element works
Props
- targetSelector
Elements to lock onto.
stringdefault "[data-cursor-target]"- size
Idle reticle size (px).
numberdefault 36- spinDuration
Seconds per turn; 0 stops it.
numberdefault 3- color
Bracket color.
stringdefault accent- fullPage
Follow the pointer over the whole page.
booleandefault false
Accessibility
- Decorative layer (aria-hidden).
- Off for touch and reduced motion.