Sticker Picker
A popover sticker picker with our drawn sticker packs, category tabs, search across names and keywords, recents and a large preview on hover.
Preview
Invoices are live!
Can you check the receipts page?
Message Ines…
Faces
HappyFaces · smile, glad
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| packs | StickerPack[] | DEFAULT_PACKS | { id, name, stickers: { id, name, keywords?, art }[] }. Defaults to our drawn Faces, Shapes, Weather and Words packs. |
| onPick | (sticker: Sticker, pack: StickerPack) => void | — | Called when a sticker is chosen; StickerPicker also closes. |
| recents | string[] | — | Controlled recent sticker ids, newest first. |
| defaultRecents | string[] | [] | Initial recents. |
| onRecentsChange | (ids: string[]) => void | — | Called with the new recents after a pick. |
| maxRecents | number | 8 | How many recents to keep. |
| defaultTab | string | "recent" or the first pack | Initial tab id. |
| trigger | ReactNode | — | StickerPicker: custom trigger (defaults to a round sticker button). |
| open / defaultOpen / onOpenChange | boolean | — | StickerPicker: popover open state. |
| side / align | "top" | "bottom" | … / "start" | "center" | "end" | "top" / "start" | StickerPicker: popover placement. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.