Mdx() — supabase Function Reference

Architecture documentation for the Mdx() function in mdx-components.tsx from the supabase codebase.

Function tsx DesignSystem UIPatterns calls 1

Entity Profile

DesignSystem→ UIPatterns→ Mdx() — supabase Function Reference

Dependency Diagram

graph TD
  7cd8e9be_bb43_1425_2b8f_64e99fcbf4a3["Mdx()"]
  7f5e411e_7cf4_eced_8892_c042ff271b21["useConfig()"]
  7cd8e9be_bb43_1425_2b8f_64e99fcbf4a3 -->|calls| 7f5e411e_7cf4_eced_8892_c042ff271b21
  style 7cd8e9be_bb43_1425_2b8f_64e99fcbf4a3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/design-system/components/mdx-components.tsx lines 283–294

export function Mdx({ code }: MdxProps) {
  const [config] = useConfig()
  const Component = useMDXComponent(code, {
    style: config.style,
  })

  return (
    <div className="mdx">
      <Component components={components} />
    </div>
  )
}