Mdx() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Mdx() — ui Function Reference

Dependency Diagram

graph TD
  a1d0bd62_d8e4_cc97_0ef1_1bcc5536fa1d["Mdx()"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8["mdx-components.tsx"]
  a1d0bd62_d8e4_cc97_0ef1_1bcc5536fa1d -->|defined in| 486adda9_61ca_5c1a_42b0_17a756aeffc8
  style a1d0bd62_d8e4_cc97_0ef1_1bcc5536fa1d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/mdx-components.tsx lines 336–347

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

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