Modifier Keys Kbd for React

Show the user's own: ⌘ Command, ⌥ Option, ⌃ Control and ⇧ Shift on Mac; Ctrl, Alt and Shift on Windows and Linux. Ctrl usually maps to ⌘ and Alt to ⌥, but not always, so check each shortcut.

In shortcuts, mostly: a modifier on its own does nothing. A row like this one belongs on a reference page that explains the keys before listing what they combine with.

Include ⌘ for Mac users, since most Mac shortcuts use it. The Windows key is mostly reserved for the operating system, so web apps rarely use it.

Holding a modifier while pressing another key is hard for some people. Sticky keys in the operating system help, but every command should also be reachable without a shortcut.

On Mac, ⌃ ⌥ ⇧ ⌘, then the key. On Windows, Ctrl first, as in Ctrl Shift P or Ctrl Alt Delete. Keep one order across your app.

Avoid them where you can: Ctrl T, Ctrl W and Ctrl N belong to the browser and can't be overridden. Others, like Ctrl S or Ctrl K, can be caught with preventDefault; do it only when your app has a clear use for them.