Mathsy LaTeX Input

A LaTeX input component with on-screen keyboard for Mathsy applications.

Installation

npm install mathsy-latex-input
# or
yarn add mathsy-latex-input

Usage

import LatexInput from 'mathsy-latex-input';

function MyComponent() {
  const [value, setValue] = useState('');

  return (
    <div>
      <h1>Math Input Example</h1>
      <LatexInput
        onChange={(latex) => setValue(latex)}
        onEnter={(latex) => console.log('Enter pressed:', latex)}
        initialValue="x^2 + 2x + 1"
      />
    </div>
  );
}

Props

• onChange?: (latex: string) => void - Callback when LaTeX value changes
• onEnter?: (latex: string) => void - Callback when Enter key is pressed
• initialValue?: string - Initial LaTeX value
• template?: string - Template string with placeholders for multiple inputs

Features

• On-screen keyboard with mathematical symbols
• Support for templates with multiple input fields
• Keyboard navigation
• Responsive design
• Integration with MathQuill for LaTeX editing

Development

1. Clone the repository
2. Install dependencies: yarn install
3. Build the package: yarn build

License

MIT