Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsButtons & actions

Like Button

A heart like toggle with a particle burst, a rolling count, aria-pressed, a "liked by" tooltip and three sizes.

Preview

IV

Ines Varga

2h · Studio notes

Finally finished the glaze tests: twelve tiles, three firings, one clear winner. The speckled oat on the stoneware body is going on the whole spring run.

12 comments · 3 shares
Sizes
Compact count · icon only · ghost
Disabled

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
liked / defaultLiked / onLikedChangeboolean / boolean / (liked) => void— / false / —Controlled or uncontrolled liked state (aria-pressed).
countnumber—Likes from everyone else; the shown number adds one when liked. Omit for icon-only. 10,000+ goes compact.
likedBystring[]—Names for a "Liked by you, Mara and 46 others" tooltip.
defaultTooltipOpen / tooltipSide / tooltipAlignboolean / side / align— / "top" / "center"Tooltip placement, and open at rest for previews.
size"sm" | "md" | "lg""md"Height and burst radius.
variant"pill" | "ghost""pill"A raised chip, or borderless for dense rows.
labelstring"Like"Accessible name (stays the same when pressed).

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗