📦 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

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

Yarn

yarn add @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',

},

},

};