Like Button

Like button with heart pop, particle burst and live count; exposes aria-pressed.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of Omit<React.ComponentProps<"button">, "onChange" | "defaultValue">

Prop	Type	Default	Description
count	`number`	`128`	—
defaultLiked	`boolean`	`false`	—
onLikedChange	`(liked: boolean) => void`	—	—

$ npx shadcn@latest add https://chromotion.dev/r/like-button.json