๐ฆ 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
- pnpm
npm install --save @docusaurus/theme-live-codeblock
yarn add @docusaurus/theme-live-codeblock
pnpm add @docusaurus/theme-live-codeblock
Configurationโ
docusaurus.config.js
module.exports = {
plugins: ['@docusaurus/theme-live-codeblock'],
themeConfig: {
liveCodeBlock: {
/**
* live playground ์์น๋ฅผ ์๋ํฐ์ ์ ๋๋ ์๋๋ก ์ค์ ํฉ๋๋ค.
* ์ค์ ํ ์ ์๋ ๊ฐ: "top" | "bottom"
*/
playgroundPosition: 'bottom',
},
},
};