Like Button Counter — Let users like your content and show it

Using the component is super easy, you drop it in, set a unique ID (you can add anything you want for it), style it if you wish, and that's it. Done.

If you want to use it for blog articles, that's also super easy, just create a new field in your CMS, call it (Like Button ID) and link the component's Unique ID control to the newly created field, make sure you add a unique ID for each blog article. Done, that's it.

Controls

• Button ID for unique identifiers

• Initial Likes if you don't want to start at zero

• Spinner size + color while the component connects to the API and counts initial likes + user likes

• Font

• Title (before likes count, after likes count, like text, liked text)

• Show Icon toggle

• Icon Size (default 16px)

• Icon Color, Liked Icon Color

• Icon SVG so you can paste in the icon you want from Hero Icons, Phosphor, Lucide, etc.

• Icon Gap

• Padding (T, R, B, L)

• Border (radius, width, color, liked color)

• Background (color, hover, liked color, liked hover color)

• Transition so you can control the animation

Support

For the full documentation of this component, please visit the support page on our website.