@amy-app/react-syntax-renderer v1.0.2

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}
        />
    );
}