📦 tema-live-codeblock

Este tema fornece um componente @theme/CodeBlock que é alimentado por react-live. Você pode ler mais na documentação do editor de código interativo.

npm

npm install --save @docusaurus/theme-live-codeblock

Yarn

yarn add @docusaurus/theme-live-codeblock

pnpm

pnpm add @docusaurus/theme-live-codeblock

Configuração

docusaurus.config.js

módulo xports = {
  plugins: ['@docusaurus/theme-live-codeblock'],
  themeConfig: {
    liveCodeBlock: {
      /**
       * A posição do live playground, acima ou abaixo do editor
       * Valores possíveis: "top" ├"bottom"
       */
      playgroundPosition: 'bottom',
    },
  },
};