Amy Render
At Amy we have a special syntax to show math/diagrams/etc. To make it easier for you to render our syntax on your webpage we have made this component.
Examples
// Import the Renderer
import { AmyRender } from "@amy-app/react-syntax-renderer";
/**
* This is an example react component
*/
function Example() {
const text = "What is $[1 = \frac{ 9 q}{24} - \frac{q {\times} 8}{3 {\times} 8}]$";
return <AmyRender text={text} />;
}
/**
* This is an example react component
*/
function ExamplewithParameters() {
const text = "What is $[1 = \frac{ 9 q}{24} - \frac{q {\times} 8}{3 {\times} 8}]$";
return (
<AmyRender
text={text}
color="black" // can be "white" | "black"
ignoreDiagrams={false}
ignoreGraphs={false}
useBlockMath={false}
fontSize={"large"}
hidePMargin={false}
rtl={false}
/>
);
}