Copy Shortcut Kbd for React

Apple's Lisa and Macintosh put cut, copy and paste on X, C and V, next to each other at the bottom left of the keyboard, where one hand reaches them with the modifier. Windows adopted the same letters with Ctrl, and they became the standard.

Ctrl C on Windows, Linux and ChromeOS; ⌘C on macOS. Show the one that matches the user's platform, as the Platform-Aware Shortcut example does.

Listen to the copy event and set the data with event.clipboardData.setData before calling preventDefault. To copy from a button instead, call navigator.clipboard.writeText. Both are browser APIs and work the same in every framework.

Only where there's something special to copy, such as a selected row in a data grid. Never take over copy in text fields: people expect it to copy their selection.

Native copy of selected text needs no feedback. A custom copy, like a Copy link button, should confirm it: a check icon on the button or a short toast saying Copied.

Not to everyone: some people can't press two keys at once, and operating systems offer sticky keys for them. Always offer copy through a visible control or a menu as well, so the shortcut is only a faster way.