Extruded Key
A chunky keycap button with lit cap and visible side walls that sinks into its depth on press, bindable to a physical key.
Preview
Type Q W E R T, or click the keys
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "1u" | "1.25u" | "1.5u" | "2u" | "2.25u" | "space" | "1u" | Width in key units (1u = 56 px). |
| tone | "paper" | "ink" | "ember" | "paper" | Colour of the cap and walls, from theme tokens. |
| depth | number | 10 | Height of the side walls in px. |
| sublegend | ReactNode | — | Small secondary legend in the top-left corner. |
| pressed | boolean | — | Hold the key down visually. |
| bindKey | string | — | A KeyboardEvent.key (e.g. "q", "Enter", " ") that presses this key from the physical keyboard. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.