Sticker Sheet

Decorate a drawn card by dragging our stickers from a tray, then move, rotate and resize them with handles or the keyboard.

Drag stickers from the tray (or click one), drag to move, use the handles to turn and resize. Focused: arrows, [ ], + −, Delete.

Install

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

Prop	Type	Default	Description
children	ReactNode	—	The picture being decorated.
alt	string	—	Text alternative for the picture.
stickers	{ id, name, art }[]	six drawn stickers	What the tray offers.
defaultPlaced	PlacedSticker[]	[]	{ id, kind, x, y (percent), rotate (deg), scale }.
onPlacedChange	(placed: PlacedSticker[]) => void	—	Called after every change.
aspect	number	4 / 3	Picture width / height.

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

Decorate a drawn card by dragging our stickers from a tray, then move, rotate and resize them with handles or the keyboard.

Drag stickers from the tray (or click one), drag to move, use the handles to turn and resize. Focused: arrows, [ ], + −, Delete.

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

Prop	Type	Default	Description
children	ReactNode	—	The picture being decorated.
alt	string	—	Text alternative for the picture.
stickers	{ id, name, art }[]	six drawn stickers	What the tray offers.
defaultPlaced	PlacedSticker[]	[]	{ id, kind, x, y (percent), rotate (deg), scale }.
onPlacedChange	(placed: PlacedSticker[]) => void	—	Called after every change.
aspect	number	4 / 3	Picture width / height.

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