Atelier UI

Search components…

Search components…

Star Button

Like/star toggle with a spring-scaled star, particle burst and live count.

Edit in sandbox

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

Props

StarButtonProps

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

PropTypeDefaultDescription
defaultPressedbooleanfalse—
onPressedChange(pressed: boolean) => void——
countnumber128Base count shown next to the star

Install

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

More like this