Text Cursor
The pointer leaves a trail of small text marks that drift and fade over an area.
import { TextCursor } from "pleate/effects/text-cursor";Trail
Move your pointer here
Props
- children
Area content; the trail draws over it.
ReactNode- text
The mark left behind.
stringdefault "+"- spacing
Pixels between marks.
numberdefault 28- maxPoints
Most marks at once.
numberdefault 14- duration
Seconds to fade.
numberdefault 0.9- randomFloat
Marks drift and spin a little.
booleandefault true
Accessibility
- The trail is decorative and hidden from assistive tech.
- Off on touch screens and with reduced motion.