DataNewsletter
Data · 5 min
48,000 readers
What a year of weekly issues taught us about when people read, and what they finish.
MOMalik OseiOct 28
Shared element
Gallery-to-detail transition where shared pieces (cover, title, meta) morph between views with layoutId and reverse on back; a simple fade under reduced motion.
Preview
Gallery · open a story, then go back
Held on the detail view (the morph's destination)
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| id | string | — | Shared: the same id in both views makes the piece morph between them. |
| view | string | — | SharedView: key of the current view; changing it swaps views. |
| delay | number | 0.08 | SharedFade: seconds before content without a partner fades in. |
| transition | motion transition | spring 330 / 34 / 0.9 | SharedLayout: spring used for every morph in the scope. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.