Roll Hover Text
Link and button text whose letters roll to a stacked duplicate on hover or focus, with stagger, up or down.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | Link or button label. |
| stagger | number | 0.022 | Seconds between letters. |
| direction | "up" | "down" | "up" | Which way the letters roll. |
| hoverClassName | string | — | Classes for the incoming copy (e.g. ember). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.