Home Angular ngx Virtual Keyboard for Angular Applications

ngx Virtual Keyboard for Angular Applications

Angular webcodeflow · September 26, 2022 · 0 Comment

ng-virtual-keyboard is a stylish virtual keyboard for Angular apps.

ngx virtual keyboard, angular virtual keyboard example, on screen keyboard angular, virtual keyboard angular 8, simple keyboard angular, angular onscreen material keyboard

Virtual macOS Keyboard With Click Sounds And Speech Recognition

How to make use of it:

Install @protacon/ng-virtual-keyboard

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

Import the module

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

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

Usage

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

Attribute	Description
`ng-virtual-keyboard`	Required to initialize Virtual Keyboard to specified input
`ng-virtual-keyboard-layout`	Used layout on keyboard, following keyboards are defaults that you can use `alphanumeric, alphanumericNordic, extended, extendedNordic, numeric, phone`
`ng-virtual-keyboard-placeholder`	Override placeholder text, if input has not any – or you want to override input placeholder value
`ng-virtual-keyboard-close`	Listener for keyboard closing event

Virtual Keyboard For Angular, ng virtual keyboard Plugin/Github, ngx material keyboard stackblitz