メインコンテンツへスキップ
バージョン: 3.5.2

📦 theme-live-codeblock

このテーマでは、react-liveを利用した@theme/CodeBlockコンポーネントを提供しています。詳細については、対話型コードエディターのドキュメントを参照してください。

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

構成​

docusaurus.config.js
export default {
  plugins: ['@docusaurus/theme-live-codeblock'],
  themeConfig: {
    liveCodeBlock: {
      /**
       * The position of the live playground, above or under the editor
       * Possible values: "top" | "bottom"
       */
      playgroundPosition: 'bottom',
    },
  },
};