Pebble notes · 6 min read
Our token diet: 214 values down to 61
By Priya Shah · Nov 3
Share Button
A share sheet popover with copy-link feedback, a QR code for the link, generic email and message targets and native share when available.
Preview
A primary variant without the QR option.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| url / title / text | string | — / "" / — | What to share. url is required. |
| targets | ShareTarget[] | Email, Message | { id, label, icon, href(url, title) } links shown as round targets. |
| qr / defaultShowQr | boolean / boolean | true / false | Offer a QR code toggle for the link; start with it showing. |
| label / variant | ReactNode / "primary" | "secondary" | "Share" / "secondary" | Trigger text and style. |
| onCopy | (url) => void | — | Called after the link is copied. |
| open / defaultOpen / onOpenChange / autoFocus | boolean / boolean / (open) => void / boolean | — / false / — / true | Sheet state; autoFocus off for passive previews. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.