An open API service indexing awesome lists of open source software.

https://github.com/open-tech-foundation/react-ta-input

The Thamizhl (தமிழ்) language scripts input for ReactJS.
https://github.com/open-tech-foundation/react-ta-input

input language reactjs script tamil thamizhl

Last synced: about 1 month ago
JSON representation

The Thamizhl (தமிழ்) language scripts input for ReactJS.

Awesome Lists containing this project

README

          

 [OPEN TECH FOUNDATION](https://open-tech-foundation.pages.dev/)

# React Ta Input

![Virtual Keyboard](https://raw.githubusercontent.com/Open-Tech-Foundation/react-ta-input/main/assets/demo.gif)

> The Thamizhl (தமிழ்) language scripts input for ReactJS.

# [LIVE DEMO](https://react-ta-input.pages.dev/) | [DOCUMENTATION](https://react-ta-input.pages.dev/docs)

## Features

✅  Simple API

✅  It is based on the [ta-input-spec](https://github.com/Open-Tech-Foundation/ta-input-spec) specification

✅  Virtual Keyboard

✅  Easy switch between `ta` & `System` inputs methods

## Upcoming

⏳ Drag virtual keyboard

⏳ Virtual Keyboard size variants

⏳ Option to pick various signs

⏳ Keyboard shortcut to change input language

## Installation

```sh
npm install @opentf/react-ta-input
```

```sh
yarn add @opentf/react-ta-input
```

```sh
pnpm add @opentf/react-ta-input
```

```sh
bun add @opentf/react-ta-input
```

## Usage

```js
import { useRef } from "react";
import { TaInput } from "@opentf/react-ta-input";

export default function App() {
const inputRef = useRef();

const handleChange = (value) => {
console.log(value);
};

return (






);
}
```

## License

Copyright (c) [Thanga Ganapathy](https://github.com/Thanga-Ganapathy) ([MIT License](./LICENSE)).