React-balochi-input NPM

react-balochi-input

Overview

The Balochi Input React Component is a specialized React component designed to seamlessly integrate Balochi language input functionality into your web applications. This component empowers users to input Balochi text using their standard keyboard, ensuring a user-friendly experience.

Features

Real-time conversion of English characters to their corresponding Balochi script.
Support for both regular and shift modes to access special characters.
Highly customizable, facilitating seamless integration into your existing projects.

Functionality

The component dynamically converts English characters to their corresponding Balochi counterparts, ensuring a seamless transition between languages for users.

Installation

To integrate the Balochi Input React Component into your project, simply execute the following command:

npm install react-balochi-input

Usage

import React, {useState} from 'react';
import BalochiInput from 'react-balochi-input';

const YourComponent = () => {
  const [inputValue, setInputValue] = useState('Ab')

  const handleBalochiInputChange = (balochiText) => {
    setInputValue(balochi)
    console.log(balochiText);
  };

  return (
    <BalochiInput
      className="custom-balochi-input"
      value={inputValue} // will show آب
      onChange={handleBalochiInputChange}
      placeholder="Start typing.."
    />
  );
};

export default YourComponent;

Props

className (string): Custom CSS class for styling.
value (string): Initial value for the input field.
onChange (function): Callback function triggered on input change, providing the Balochi text.
placeholder (string): Placeholder text for the input field.
allowSwitching (boolean): Enable or disable dynamic switching between English and Balochi modes using Ctrl + Space.
custom props : Accepts custom props for further customization.