Fx Measure Guides Cursor

ProNew

Opt-in pointer effect: a crosshair with a live coordinate readout.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Pointer-driven. This is an opt-in component: nothing in the library mounts it for you, and it renders nothing under reduced motion.


pnpm dlx shadcn@latest add @tealmac-pro/fx-measure-guides-cursor

Prop	Type	Default	Description
`children`	`ReactNode`	-	Content the guides sit over.
`enabled`	`boolean`	`false`	Turns the effect on. Pointer effects are opt-in.
`unit`	`string`	`"px"`	Unit label after the numbers.
`className`	`string`	-	Classes for the root element.

Pointer-driven and opt-in: nothing happens until enabled is set, and it never mounts under prefers-reduced-motion.
The overlay is decorative: it is hidden from assistive technology and never captures pointer events or focus.