Ngx-urdu-input NPM

Ngx Urdu Input

Welcome to Ngx Urdu Input, an Angular directive that allows users to input Urdu text in text fields using a customized keyboard layout.

Installation

To integrate this directive into your Angular application, follow these simple steps:

Install the Package:
```
npm install ngx-urdu-input
```

Import the Module:

Import the NgxInputUrduModule into your app module:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxInputUrduModule } from 'ngx-urdu-input';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NgxInputUrduModule],
  bootstrap: [AppComponent],
})
export class AppModule {}

Use the Directive:
Apply the ngxInputUrdu directive to your input field:
```
<input ngxInputUrdu type="text" [(ngModel)]="urduText" />
```

Usage

By using the ngxInputUrdu directive, users can conveniently input Urdu text in text fields.

Note: It may be necessary to adjust your app's styling to ensure proper rendering of Urdu characters.

Credits

This directive is an Angular adaptation of the original Vanilla JS plugin JavaScript-UrduTextBox developed by Naseem Amjad. The plugin has been transformed into an Angular directive by Muhammad Usman.