mirror of
https://github.com/facebook/docusaurus.git
synced 2025-12-26 18:02:57 +00:00
30 lines
840 B
Plaintext
30 lines
840 B
Plaintext
---
|
|
sidebar_position: 3
|
|
slug: /api/themes/@docusaurus/theme-live-codeblock
|
|
---
|
|
|
|
# 📦 theme-live-codeblock
|
|
|
|
This theme provides a `@theme/CodeBlock` component that is powered by [react-live](https://commerce.nearform.com/open-source/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 {#configuration}
|
|
|
|
```js title="docusaurus.config.js"
|
|
export default {
|
|
plugins: ['@docusaurus/theme-live-codeblock'],
|
|
themeConfig: {
|
|
liveCodeBlock: {
|
|
/**
|
|
* The position of the live playground, above or under the editor
|
|
* Possible values: "top" | "bottom"
|
|
*/
|
|
playgroundPosition: 'bottom',
|
|
},
|
|
},
|
|
};
|
|
```
|