Botón de “me gusta” que late y cambia el contador.
npx shadcn@latest add https://reactbits.dev/r/PulseHeart-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| liked | boolean | undefined |
| defaultLiked | boolean | false |
| count | number | 0 |
| onChange | (liked: boolean, count: number) => void | - |
| showCount | boolean | true |
| icon | "heart" | "star" | "thumb" | ReactNode | "heart" |
| idleOutline | boolean | true |
| size | number | 40 |
| corner | number | 32 |
| likedColor | string | "#ff4d6d" |
| idleColor | string | "#8b8b93" |
| pillColor | string | "#232326" |
| textColor | string | "#f5f5f5" |
| duration | number | 560 |
| dotSize | number | 0.3 |
| overshoot | number | 1.7 |
| beat | number | 3 |
| rollDuration | number | 350 |
| disabled | boolean | false |
| label | string | "Like" |
| className | string | "" |