@itu/mdx

MDX component provider and prose presets for the documentation site.

What It Provides

Base HTML components: styled h1–h6, p, a, ul, ol, table, code, pre, blockquote, hr with brand colors and consistent spacing
Docs component registration: merges @itu/docs-ui components so they're available in MDX without imports
Doc layout: reusable layout wrapper for documentation pages

Usage

The docs app registers MDX components via the provider in mdx-components.tsx:

tsx

1 import { ituMdxComponents, docsComponents } from '@itu/mdx'
2  
3 export function useMDXComponents(components) {
4   return { ...ituMdxComponents, ...docsComponents, ...components }
5 }

5 lines of tsx code

This makes all markdown elements styled and all docs-ui components available globally.

1	import { ituMdxComponents, docsComponents } from '@itu/mdx'
2
3	export function useMDXComponents(components) {
4	return { ...ituMdxComponents, ...docsComponents, ...components }
5	}