/
githubmirror
/
docusaurus
Обзор
Документация
Войти
/
githubmirror
/
docusaurus
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/docusaurus-theme-classic/src/theme/CodeBlock/Buttons/index.tsx
32 строки
1 KB
Sébastien Lorber
refactor(theme): introduce CodeBlockContextProvider + split into smaller components (#11062)
04 апр 2025, 21:11
Не верифицирован
04 апр 2025, 21:11
31b279f
Код
Авторство
О чём код?
/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ import React, {type ReactNode} from 'react'; import clsx from 'clsx'; import BrowserOnly from '@docusaurus/BrowserOnly'; import CopyButton from '@theme/CodeBlock/Buttons/CopyButton'; import WordWrapButton from '@theme/CodeBlock/Buttons/WordWrapButton'; import type {Props} from '@theme/CodeBlock/Buttons'; import styles from './styles.module.css'; // Code block buttons are not server-rendered on purpose // Adding them to the initial HTML is useless and expensive (due to JSX SVG) // They are hidden by default and require React to become interactive export default function CodeBlockButtons({className}: Props): ReactNode { return ( <BrowserOnly> {() => ( <div className={clsx(className, styles.buttonGroup)}> <WordWrapButton /> <CopyButton /> </div> )} </BrowserOnly> ); }