This is documentation for Docusaurus 2.0.0-alpha.75, which is no longer actively maintained.

For up-to-date documentation, see the latest version (2.0.0-beta.0).

Version: 2.0.0-alpha.75

📦 theme-live-codeblock

This theme provides a @theme/CodeBlock component that is powered by react-live. You can read more on interactive code editor documentation.

npm
Yarn

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

Configuration#

docusaurus.config.js

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

Edit this page

Last updated on 4/30/2021 by Sébastien Lorber

Configuration