Magic Keyboard
ProA Mac keyboard with three finishes, a latching caps LED, and ANSI or ISO layouts.
elite micro interactionsmagickeyboardtabler icons reactframer motion
Props
| Prop | Type | Default | Description |
|---|---|---|---|
finish | "silver" | "space-gray" | "midnight" | "silver" | Chassis and keycap finish. |
layout | "ansi" | "iso" | "ansi" | Mac ANSI or ISO geometry. |
enableSound | boolean | false | Play key down/up sounds from the sprite. |
showPreview | boolean | false | Show a floating keystroke preview above the keyboard. |
volume | number | 0.5 | Sound volume from 0 to 1. |
soundUrl | string | assets.wensity.com …/sound.ogg | URL to the keyboard sound sprite. Override to self-host. |
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. |