DEPRECATED See https://theme-ui.com
Create MDX components from Typography.js themes
npm i typography-mdx
import React from 'react'
import typographyMDX from 'typography-mdx'
import { MDXProvider } from '@mdx-js/tag'
import { GoogleFont } from 'react-typography'
import wordpress2016 from 'typography-theme-wordpress-2016'
import Doc from './doc.mdx'
export default props => {
const { Root, typography, ...components } = typographyMDX(wordpress2016)
return (
<MDXProvider components={components}>
<GoogleFont typography={typography} />
<Root>
<Doc />
</Root>
</MDXProvider>
)
}