📦 theme-live-codeblock
react-live 기반 @theme/CodeBlock
컴포넌트를 지원하는 테마입니다. 자세한 내용은 인터랙티브 코드 에디터 문서에서 참고하실 수 있습니다.
- npm
- Yarn
- pnpm
npm install --save @docusaurus/theme-live-codeblock
yarn add @docusaurus/theme-live-codeblock
pnpm add @docusaurus/theme-live-codeblock
설정
docusaurus.config.js
module.exports = {
plugins: ['@docusaurus/theme-live-codeblock'],
themeConfig: {
liveCodeBlock: {
/**
* live playground 위치를 에디터의 위 또는 아래로 설정합니다.
* 설정할 수 있는 값: "top" | "bottom"
*/
playgroundPosition: 'bottom',
},
},
};