React

Use React components in your documentation.

Custom Components

Create React components in your components directory:

jsx

// components/CustomButton.jsx
export function CustomButton({ children }) {
  return (
    button className="custom-button">
      {children}
    button>
  )
}

Then use them in your MDX files:

mdx

import { CustomButton } from '../components/CustomButton'

<CustomButton>Click me!</CustomButton>

Command Palette

Search for a command to run...