@sam-senior/virtual-keyboard
v1.0.3
Published
***Como usar***
Downloads
9
Keywords
Readme
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
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">