@protacon/ng-virtual-keyboard

What is this?

Virtual Keyboard for Angular applications.

Install

Step 1: Install @protacon/ng-virtual-keyboard

$ npm install --save @protacon/ng-virtual-keyboard

Step 2: Import the module

Add NgVirtualKeyboardModule as an import in your app's root NgModule.

import {{ '{' }} NgVirtualKeyboardModule {{ '}' }} from '@protacon/ng-virtual-keyboard';

@NgModule({{ '{' }}
  ...
  imports: [
    ...
    NgVirtualKeyboardModule,
  ],
  ...
{{ '}' }})
export class AppModule {{ '{' }} {{ '}' }}

Usage

Simple usage example

<input type="text" value=""
  ng-virtual-keyboard
  ng-virtual-keyboard-layout="alphanumeric"
  ng-virtual-keyboard-placeholder="Custom placeholder text"
  (ng-virtual-keyboard-close)="onClose()"
/>

Demos