React component wrapper for Mathquill


Examples

> Link to an example

$3

``javascript
import React from 'react'
import { addStyles, EditableMathField } from 'react-mathquill'

// inserts the required css to the block.
// you can skip this, if you want to do that by yourself.
addStyles()

export default class App extends React.Component {
constructor(props) {
super(props)

this.state = {
latex: '\\frac{1}{\\sqrt{2}}\\cdot 2',
}
}

render() {
return (
latex={this.state.latex} // latex value for the input field
onChange={(mathField) => {
// called everytime the input changes
this.setState({ latex: mathField.latex() })
}}
/>
)
}
}
`

$3

`javascript
import React from 'react'
import { addStyles, StaticMathField } from 'react-mathquill'

// inserts the required css to the block.
// you can skip this, if you want to do that by yourself.
addStyles()

export default class App extends React.Component {
constructor(props) {
super(props)

this.state = {
latex: '\\frac{1}{\\sqrt{2}}\\cdot 2',
}
}

render() {
return {this.state.latex}
}
}
`

Documentation

addStyles (function)

This function, when called, will append a