Loading component…
Components /Interactive Keyboard
Keyboard UI that mirrors your real key presses
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/interactive-keyboard.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| onKeyClick | (key: string) => void | - | Callback fired when any key is clicked. Returns the key's label. |
| onKeyPress | (key: string) => void | - | Callback fired when a physical key is pressed while the cursor is over the keyboard. Returns the key's label. |
| className | string | - | Additional CSS classes for the keyboard wrapper. |
Added physical keyboard interactivity and redesigned the keycaps for the Interactive Keyboard component.