Keyboard 3D
A compact tilted 3D keyboard (letter rows, a lit ember accent key and a space bar) whose keys sink with depth as you type on your keyboard or click them.
Preview
Type on your keyboard or click a key
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | string[] | ["QWERTYU", "ASDFGHJ"] | Letter rows, top to bottom; each character is a key. |
| accentLegend | string | "↵" | Legend of the lit accent key at the end of the last row (answers to Enter). |
| spaceBar | boolean | true | Show the space bar row. |
| keySize | number | 44 | Key size in px. |
| tilt | number | 34 | Tilt of the board away from the viewer, in degrees. |
| listen | boolean | true | Press keys as they are typed on the physical keyboard. |
| onKey | (key: string) => void | — | Called with a lower-case letter, " " or "Enter" on click or typing. |
| label | string | "Keyboard" | Accessible name of the keyboard. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.