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

Reaction Picker

An emoji-free reaction bar with our own drawn glyphs: toggling chips with rolling counts, who-reacted tooltips and a picker with a hover magnifier.

Preview

IM

Ines Moreau 2h

Shared views are live for everyone. The filter bar now remembers your last set.

TR

Tomás Rey 40m

Could we add a short tour for first-time users?

Install

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

Props

PropTypeDefaultDescription
reactionsReaction[]—{ id, count, reacted, users? }. Zero counts are hidden. Required.
onToggle(id) => void—Toggle the viewer's reaction, from a chip or the picker. toggleReaction() helps.
size"sm" | "md""md"28 or 32 px chips.
defaultPickerOpenbooleanfalseStart with the picker open, without taking focus.
classNamestring—Merged on the reaction row.

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 ↗