Nepalify-React

React library to key map to preeti or unicode. This library provides an <input type ="text"> input field which converts preeti or unicode typing into nepali texts. Click here for preeti keyboard layout and click here for unicode keyboard layout. The input and output from the library can be seen in the figure below.

Download using npm (https://www.npmjs.com/package/nepalify-react)

• using npm install by using npm i nepalify-react
• using yarn install by using yarn add nepalify-react

Usage:

import React, { Component, Fragment } from 'react';
import Nepali from 'nepalify-react';
    
export class App extends Component {
  render() {
    return (
      <Fragment>
        <Nepali funcname="preetify" />  //For Preeti mapping
        <Nepali funcname="unicodify" />  //For Unicode mapping
      </Fragment>
    );
  }
}

API Details:

Nepalify Component import Nepalify from 'nepalify-react'

| Props | Value | Default | Description | | --- | --- | --- | --- | | funcname | preetify or unicodify | unicodify | Which type of key mapping to use. Traditional Unicode mapping or Romanized Unicode Mapping | | valueChange | callback function. (event, value) => {} | null | callback function to call instead of react's onChange function | | inputType | textarea or text | text | type of the input field to apply react nepalify for | | initialValue | String | Empty String | Set intialValue of input field. | | value | String | Empty String | To be used as controlled input element in combination with valueChange |

Note:

You can add other props as per your requirements except given in API which will be passed to underlying input element.