@sam-senior/virtual-keyboard

Virtual-Keyboard

Como usar

Importe o virtual-keyboard para o projeto e adicione a diretiva samVirtualKeyboard em um input.

Instalação

1. Instalar o jQuery: npm i jquery.
2. Adicionar ao angular.json, projects > architect > build > options, os seguintes styles e scripts: "styles": [ "node_modules/virtual-keyboard/dist/css/keyboard.min.css" ], "scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/virtual-keyboard/dist/js/jquery.keyboard.js", "node_modules/virtual-keyboard/dist/js/jquery.keyboard.extension-all.min.js" ],
3. Adicionar ao style.scss, a seguinte importação: @import '../node_modules/@seniorbr/sam-styles/sass/_all.scss';

Parâmetros

1. keyboardPosition: Aceita dois valores, relative ou bottom. Default bottom.
2. keyboardType: Aceita dois valores, email ou alphanumeric. Default email.
3. activateKeyboard: Flag para informar se deve abrir o teclado. Default true
4. showOnFocus: Flag para abrir quando focar no input, Default true.

Exemplo de implementação .html

<input type="text" samVirtualKeyboard keyboardType="alphanumeric">