KQ-181 · CURSOR/LABEL

Cursor Label

A cursor that says what a thing does. Inside the region it rides a small dot that trails the pointer; cross an element tagged with a verb and the dot morphs into a pill carrying that word, snapping back to a dot on the way out — the guidance lives with the element.

KQ-181 · CURSOR/LABEL

Move across the zones

Specimen
Handle
Readout
(no label)

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/cursor-label

Props

PropTypeDefaultDescription
childrenReactNodeThe region; tag any element with data-cursor="Verb".