📦 theme-live-codeblock

Ce thème fournit un composant @theme/CodeBlock qui est alimenté par react-live. Vous pouvez en savoir plus sur la documentation de l'éditeur de code interactif.

npm

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

Yarn

yarn add @docusaurus/theme-live-codeblock

pnpm

pnpm add @docusaurus/theme-live-codeblock

Configuration

docusaurus.config.js

module.exports = {
  plugins: ['@docusaurus/theme-live-codeblock'],
  themeConfig: {
    liveCodeBlock: {
      /**
       * La position du terrain de jeu en direct, au-dessus ou au-dessous de l'éditeur
       * Valeurs possibles : "top" | "bottom"
       */
      playgroundPosition: 'bottom',
    },
  },
};