Code Block
Adding code blocks to your docs
import createMDX from 'fumadocs-mdx/config';
const withMDX = createMDX();
/** @type {import('next').NextConfig} */
const config =
loading...
MuseMVP DocsMuseMVP DocsAdding code blocks to your docs
import createMDX from 'fumadocs-mdx/config';
const withMDX = createMDX();
/** @type {import('next').NextConfig} */
const config =
Display code blocks, added by default.
Wrap the pre element in <CodeBlock />, which acts as the wrapper of code block.
import { Pre, CodeBlock }
See Markdown for usages.
Use the background color generated by Shiki (the Rehype Code plugin).
import { Pre, CodeBlock }
Specify a custom icon by passing an icon prop to CodeBlock component.
By default, the icon will be injected by the custom Shiki transformer.
console.log('js');