mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-08 06:37:18 +02:00
98a4b3a65c
* docs(v2): Add configuration parameter to allow putting Result before Editor in @docusaurus/theme-live-codeblock * update doc * refactor as playgroundPosition Co-authored-by: slorber <lorber.sebastien@gmail.com>
28 lines
782 B
Markdown
28 lines
782 B
Markdown
---
|
|
id: theme-live-codeblock
|
|
title: '📦 theme-live-codeblock'
|
|
slug: '/api/themes/@docusaurus/theme-live-codeblock'
|
|
---
|
|
|
|
This theme provides a `@theme/CodeBlock` component that is powered by react-live. You can read more on [interactive code editor](../../guides/markdown-features/markdown-features-code-blocks.mdx#interactive-code-editor) documentation.
|
|
|
|
```bash npm2yarn
|
|
npm install --save @docusaurus/theme-live-codeblock
|
|
```
|
|
|
|
### Configuration
|
|
|
|
```jsx title="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',
|
|
},
|
|
},
|
|
};
|
|
```
|