Math

Render mathematical equations using KaTeX and LaTeX syntax.

Properties

Prop	Type	Default	Description
`equation`	`string`	—	The LaTeX equation to render. May also be passed as children.
`caption`	`string`	—	Caption shown below the equation.

The component accepts the equation either as the equation prop or as children. The equation prop takes precedence when both are provided.

E = mc^2

<scalar-math equation="E = mc^2"></scalar-math>

<Math equation="E = mc^2" />

\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}

<scalar-math>
  \int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
</scalar-math>

<Math>{String.raw`\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}`}</Math>

a^2 + b^2 = c^2

Pythagorean theorem

<scalar-math
  equation="a^2 + b^2 = c^2"
  caption="Pythagorean theorem">
</scalar-math>

<Math
  equation="a^2 + b^2 = c^2"
  caption="Pythagorean theorem"
/>

<Latex> is an alias for <Math>, available only in MDX.

<Latex equation="\\sum_{n=1}^{\\infty} \\frac{1}{n^2} = \\frac{\\pi^2}{6}" />

The API company.