react-handwriting-keyboard

A React Component to Handwriting Keyboard

Usage no npm install needed!

<script type="module">
  import reactHandwritingKeyboard from 'https://cdn.skypack.dev/react-handwriting-keyboard';
</script>

README

react-handwriting-keyboard

A React Component to handwriting keyboard

Installation

npm install react-handwriting-keyboard

Usage

import React from 'react';
import keyboard from 'react-handwriting-keyboard';

function InputComponent() {
  const showKeyboard = (e) => {
    const input = e.target;
    keyboard.show({
      target: e.target,
      onChange: (value) => {
        console.log('value: ', value);
        input.value = value;
      },
    });
  };
  return <input type="text" onClick={showKeyboard} />
}

React.render(
  <InputComponent />,
  mountNode
);

demo地址