/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages-internal/core-docs/src/CodeCopy/CodeCopyButton.tsx
33 строки
944 B
Brijesh Bittu
[code-infra] Setup workflow to publish internal packages (#47952)
02 апр 2026, 19:42
Не верифицирован
02 апр 2026, 19:42
d7d328c
Код
Авторство
О чём код?
import useClipboardCopy from './useClipboardCopy'; export interface CodeCopyButtonProps { code: string; } export function CodeCopyButton(props: CodeCopyButtonProps) { const { code, ...other } = props; const { copy, isCopied } = useClipboardCopy(); // This component is designed to be wrapped in NoSsr const macOS = window.navigator.platform.toUpperCase().includes('MAC'); const key = macOS ? '⌘' : 'Ctrl + '; return ( <div className="MuiCode-copy-container"> <button {...other} aria-label="Copy the code" type="button" className="MuiCode-copy" onClick={async () => { // event.stopPropagation(); await copy(code); }} > {isCopied ? 'Copied' : 'Copy'} <span className="MuiCode-copyKeypress" style={{ opacity: isCopied ? 0 : 1 }}> <span>(or</span> {key}C<span>)</span> </span> </button> </div> ); }