Weekly notes · Nov 3
Priya wrote up our token diet, and the new review format starts Thursday. Hover or focus a link for a preview; on touch, tap once to see it.
Link Preview
A hover and focus card for links with a drawn site thumbnail, title, description and domain, a loading skeleton, and an inline card on touch.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| href | string | — | Link target. Required. |
| preview | { title, description?, domain?, image? } | — | Static card data. The thumbnail is drawn from the domain unless image is set. |
| load | (href) => Promise<LinkPreviewData> | — | Loader called once on first open; a skeleton shows until it resolves. |
| openDelay | number | 450 | Hover delay before the card opens, in ms. |
| side | "top" | "bottom" | "bottom" | Which side of the link the card opens on. |
| defaultOpen | boolean | false | Start open without hover; closes once the user engages elsewhere. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.