Tactile Keyboard
ProA 65% QWERTY board with real key travel, live shift legends, and five colorways.
css 3d3dcsskeyboardkeystactilehover
Props
| Prop | Type | Default | Description |
|---|---|---|---|
theme | "graphite" | "glacier" | "ivory" | "ember" | "moss" | "graphite" | Keycap and case colorway. |
tilt | number | 11 | Forward tilt of the case in degrees, clamped to 0–20. |
travel | number | 4 | Key travel distance in pixels, clamped to 1–10. |
physicalKeys | boolean | true | Mirror real keyboard events onto the board. |
accentKeys | boolean | true | Paint Esc and Enter in the colorway's accent tone. |
sound | boolean | true | Play a synthesized switch sound on press and release. No audio file to host. |
soundProfile | "thock" | "click" | "linear" | "thock" | Switch sound character. Wide caps ring lower, and every press is slightly detuned. |
volume | number | 0.45 | Sound volume from 0 to 1. |
onKeyPress | (event: TactileKeyPressEvent) => void | - | Fires once per key-down, from on-screen or physical input. |