react-tex
Display TeX-based math with React and KaTeX.
Installation
react-tex is available as an NPM package:
You can download KaTeX and host it on your server or include the katex.min.css
file on your page directly from a CDN:
Usage
react-tex has two components you can use, <Tex>
and <InlineTex>
.
TeX
The <Tex>
component allows you to display TeX-based math.
This expected output is produced by the following example:
You can use the following props with Tex:
Property | Type | Default | Description |
---|---|---|---|
texContent |
string | `` | TeX string |
Inline TeX
The <InlineTex>
component allows you to display TeX-based math inline with text by wrapping a TeX string with double dollar signs ($$
).
This expected output is produced by the following example:
You can use the following props with InlineTex:
Property | Type | Default | Description |
---|---|---|---|
texContent |
string | `` | TeX string |
texSeperator |
string | ${2} |
Regex string to seperate TeX from text |