npm.io
0.6.15 • Published 6 years ago

@xroussel/ng-virtual-keyboard

Licence
MIT
Version
0.6.15
Deps
6
Size
21.0 MB
Vulns
0
Weekly
0
Stars
25

ng-virtual-keyboard

MIT licensed npm version Build Status codecov Dependency Status devDependency Status

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-type="password"
/>
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, alphanumericSwiss, 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-type Override input type, text is default value

Demo

https://protacon.github.io/ng-virtual-keyboard/

License

The MIT License (MIT)

Copyright (c) 2017 Protacon

Keywords