# LaTeX Equations

TeX is an ISLE element that can be used to display LaTeX equations. Under the hood, the component uses KaTeX for blazingly fast rendering.

#### Example:

<TeX
raw="\int f(x) \; dx"
displayMode={true}
/>


Open interactive preview

#### Options:

• raw | (string|number) (required): The literal LaTeX string to render. Also accepts numbers. Default: none.
• displayMode | boolean: boolean indicating whether to display the equation inline or in display mode. Default: false.
• numbered | boolean: controls whether to display an equation number for display mode equations. Default: false.
• style | object: object with CSS key-value pairs to be applied to the equation container. Default: {}.
• tag | string: Custom characters displayed for display equations at the right side. Defaults to the number of the equation inside the lesson. Default: none.
• elems | object: object with keys denoting LaTeX characters and their corresponding values being configuration objects to make them interactive. Setting a tooltip option will show a tooltip when hovering over the LaTeX characters. Setting a variable property will display an input slider to change the respective state variable; in this case, additional properties legend, min, max, and step are supported. Default: {}.
• onClick | function: callback function invoked whenever a user clicks on the equation. Default: onClick() {}.