Components

Changing or providing a Layout or components.

Custom component and snippet imports are fully supported and automatically bundled in parallel with and .

Be careful when adding imports, bundling additional dependencies can significantly increase the bundle size.

Global Components

Global MDX components can be added in mdxComponents.tsx

export const mdxComponents: MDXComponents = {
  // add or change components
};

Layout

The layout is defined in Layout.tsx and can easily be changed by either configuring the tailwindcss container class or changing the layout components or Layout.tsx itself.