Mechanical Keyboard
ProA Keychron-style virtual keyboard with per-key travel and real mechanical sound.
elite micro interactionsmechanicalkeyboardtabler icons react
Props
| Prop | Type | Default | Description |
|---|---|---|---|
theme | "purple" | "wensity" | "ocean" | "moss" | "graphite" | "ocean" | Colorway — drives the keycaps, case, plate and indicator LEDs. |
enableSound | boolean | true | Play mechanical key down/up sounds from the sprite. |
volume | number | 0.5 | Sound volume from 0 to 1. |
soundUrl | string | assets.wensity.com …/sound.ogg | URL to the mechanical keyboard sound sprite. Override to self-host. |
enableHaptics | boolean | true | Trigger a short vibrate on pointer press when supported. |
physicalKeysEnabled | boolean | true | Highlight keys from real keyboard events. |
forceActive | boolean | false | Keep listeners active even when the keyboard is off-screen. |
onKeyEvent | (event) => void | - | Fires on key down/up from physical or pointer input. |