Code Block

Devdocs code block UI component for documentation

Code Block

This is a code block component that can be used to display code snippets.

Example

config.js
import createMDX from 'Devdocs-mdx/config';

const withMDX = createMDX();

/** @type {import('next').NextConfig} */
const config = {
  reactStrictMode: true,
};

export default withMDX(config);

Install to your codebase

bash
npm create Devdocs-app
If you're looking for an equivalent with runtime syntax highlighting, see Dynamic Code Block.

How is this guide?

Last updated on 9/20/2025