KQ-060 · REACTION/FLY

Reaction Fly

Press to bloom a reaction picker; choosing one sends a copy flying up — rising, drifting, and fading on its own jittered path — while its tally ticks up.

KQ-060 · REACTION/FLY
REACTION · FLY
Last ·

Press to pick — reactions fly up.

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/reaction-fly

Props

PropTypeDefaultDescription
reactions{ id: string; label: string; node?: ReactNode }[]The pickable reactions; defaults to a curated set.
onReact(id: string) => voidFires with the reaction id on each selection.
aria-labelstringNames the trigger.