Crosshair
Two thin lines meet at the cursor like a viewfinder, with an optional coordinate readout.
import { Crosshair } from "pleate/effects/crosshair";Viewfinder
Aim anywhere
The lines stay inside this card.
Props
- color
Line color.
stringdefault var(--pl-accent)- thickness
Line width in px.
numberdefault 1- coordinates
Show x and y next to the cursor.
booleandefault true- global
Follow the pointer across the whole page instead of only the container.
booleandefault false
Accessibility
- Decorative layer, hidden from assistive tech, and it never catches clicks.
- Stays inside its container unless global is set. The system cursor stays visible.
- Mouse and pen only: touch screens and reduced motion get the plain content.