The DocsLayout component is a zero-config layout component for enabling the following:

This component can be exported directly from the index.mdx file.

export { DocsLayout as Root } from 'mdx-go'

# With Default Layout and Styles

Or in a custom Root component.

// example Root component
import React from 'react'
import { DocsLayout } from 'mdx-go'

export const Root = props =>
  <DocsLayout {...props} />