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">