cosmic-tamil-keyboard

Installation

npm install cosmic-tamil-keyboard

##Example

	import { useRef, useState } from 'react';
    import { Input } from 'antd';
    import TamilKeybord  from "cosmic-tamil-keyboard";

 const  App =() =>{
    
  const [data, setdata] = useState({
    visible: true,
    inputs: ""
  });
  const inputRef = useRef();
  const keyboardRef = useRef();

  const handlervalueget = (data) => {
    setdata((inputData) => ({ ...inputData, inputs: data, }))
  };
  return (
    <>
      <Input type="text" id="virtualkeyID"
        onChange={(val)=>onchange(val)}   
        onPaste={(e) => keyboardRef.current.handlePaste(e)}
        onKeyPress={(e) => keyboardRef.current.keypress(e)}
        onKeyDown={(e) => keyboardRef.current.keyup(e)}
        onCut={e => keyboardRef.current.handleCut(e)}
        value={data.inputs}
        ref={inputRef} /> 

      <TamilKeybord  keysound={true}
        visible={data.visible}
        keydatavalue={handlervalueget}
        ref={keyboardRef}
        inputid={"virtualkeyID"}
        inputref={inputRef} /> 
    </>

  );
}

Features

• Sound effects
• System keyboard control
• Draggable
• Customized color change

###Images

Image: