Tilt Grid
A grid of drawn tiles that lean towards the pointer with glare, neighbours tilting less, and lift on keyboard focus.
Preview
Move the pointer across the grid; Tab and arrow keys lift a tile.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | TiltGridItem[] | — | Tiles in reading order: { id, label, meta?, content }. |
| label | string | — | Accessible name of the grid. |
| columns | number | 3 | Columns. |
| maxTilt | number | 18 | Largest tilt of the tile under the pointer, in degrees. |
| reach | number | 1.6 | How far the tilt reaches across tiles, in tile sizes. |
| onSelect | (id: string) => void | — | Called when a tile is chosen. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.