Skip to main content
Version: 2.0.0-beta.5

πŸ“¦ 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 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',    },  },};