Virtual-Keyboard
Como usar
Importe o virtual-keyboard
para o projeto e adicione a diretiva samVirtualKeyboard
em um input.
Instalação
- Instalar o jQuery:
npm i jquery
. - 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"
], - Adicionar ao
style.scss
, a seguinte importação:
@import '../node_modules/@seniorbr/sam-styles/sass/_all.scss';
Parâmetros
keyboardPosition
: Aceita dois valores, relative
ou bottom
. Default bottom
.keyboardType
: Aceita dois valores, email
ou alphanumeric
. Default email
.activateKeyboard
: Flag para informar se deve abrir o teclado. Default true
showOnFocus
: Flag para abrir quando focar no input, Default true
.
Exemplo de implementação .html
<input type="text" samVirtualKeyboard keyboardType="alphanumeric">