1.0.3 • Published 4 years ago
@sam-senior/virtual-keyboard v1.0.3
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
keyboardPosition
: Aceita dois valores,relative
oubottom
. Defaultbottom
.keyboardType
: Aceita dois valores,email
oualphanumeric
. Defaultemail
.activateKeyboard
: Flag para informar se deve abrir o teclado. Defaulttrue
showOnFocus
: Flag para abrir quando focar no input, Defaulttrue
.
Exemplo de implementação .html
<input type="text" samVirtualKeyboard keyboardType="alphanumeric">