Cursor
Area-scoped custom cursor: a dot and trailing ring on springs that swell into a labelled disc over [data-cursor] targets, with a blend mode; off for touch, keyboard and reduced motion.
Preview
Selected work
Move your pointer over the cards
Blend mode
Make it move.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| blend | boolean | false | Invert what is under the cursor (difference blend) instead of the lit key. |
| size | number | 28 | Ring size in px at rest. |
| hoverSize | number | 64 | Ring size in px over a [data-cursor] target, which shows its label. |
| disabled | boolean | false | Keep the system cursor. Also off for touch, keyboard use and reduced motion. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.