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

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

Prop	Type	Default	Description
reactions	{ id: string; label: string; node?: ReactNode }[]	—	The pickable reactions; defaults to a curated set.
onReact	(id: string) => void	—	Fires with the reaction id on each selection.
aria-label	string	—	Names the trigger.