KQ-059 · HEART/TAP
Heart Tap
A like that celebrates — the heart squashes then pops, a tight ring of sparks bursts once, and the count rolls up; un-liking deflates and rolls back down.
KQ-059 · HEART/TAP
HEART · TAP
249
31
Tap to like — pop, sparks, and a rolling count.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/heart-tap
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| liked / defaultLiked / onChange | boolean / boolean / (state) => void | — | Controlled or uncontrolled liked state; onChange gets { liked, count }. |
| count / defaultCount | number / number | — | Controlled or uncontrolled count, clamped at zero. |
| size | number | 28 | Heart glyph size in px. |