Elastic drag
Draggable elements with rubber-band edges, throw momentum or snap-back springs inside a bounded area, keyboard nudging, and a pull-to-refresh list.
Preview
Throw the puck, stretch the card past an edge, or Tab and use the arrows
Throw Puck, free throw
Snap back
Pricing review
Tomás · due Thu
Card, springs backShip on Friday, not Thursday. Note, free throw
Pull down to refresh
Activity
- IDInes Duarte approved the press kit2m
- MOMalik Osei uploaded walkthrough-v4.mp414m
- TRTomás Rey closed 2 pricing issues1h
- PRPriya Raman invited you to Pebble3h
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | ElasticDraggable: accessible name (it is focusable and moves with arrows). |
| mode | "free" | "snap-back" | "free" | ElasticDraggable: keep throw momentum, or spring home on release. |
| elasticity | number | 0.35 | ElasticDraggable: how far it stretches past the area edge (0 hard wall, 1 free). |
| onRefresh | () => Promise<unknown> | void | — | PullToRefresh: runs past the threshold; the list holds open until it resolves. |
| threshold | number | 72 | PullToRefresh: px of resisted pull needed to refresh. |
| refreshingLabel | string | "Refreshing" | PullToRefresh: status announced while refreshing. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.