close
Rspress
  • English

      • CodeBlockRuntime non-ejectable

      Warning

      This component currently does not support copying source code via the eject command. Custom Theme

      CodeBlockRuntime renders runnable code blocks at runtime.

      Usage

      index.mdx
      import { CodeBlockRuntime } from '@theme';

export default function Page() {
  return (
    <CodeBlockRuntime
      lang="js"
      title="index.js"
      code={`console.log('Hello World!')`}
      shikiOptions={{}}
    />
  );
}

      Pass lang, title, and code to render the block; shikiOptions customizes highlighting.