JT-VIRTUAL-KEYBOARD is a Vue 3 directive which renders a virtual keyboard when focus in a input element
- Render a instance of SimpleKeyboard, customized to Jtech's needs
Add jt-virtual-keyboard to your package.json
yarn add jt-virtual-keyboard
or
npm install jt-virtual-keyboard --save
Use it on Vue 3
import { createApp } from 'vue';
import JtVirtualKeyboard from 'jt-virtual-keyboard';
const app = createApp({
/* options */
});
app.use(JtVirtualKeyboard);
app.mount('#app');
Into your component
<input id="name" type="text" v-model="name" v-jt-vk />
<input id="phonenumber" type="text" v-model="phone" v-jt-vk:numeric />
When numeric argument the virtual keyboard will render in a numeric mode
<input id="phonenumber" type="text" v-model="phone" v-jt-vk:numeric />
When pt argument the virtual keyboard will render a keyboard as ABNT2 standard keys set
<input id="name" type="text" v-model="phone" v-jt-vk:pt />
When pt argument the virtual keyboard will render a keyboard as EN_US standard keys set
<input id="name" type="text" v-model="phone" v-jt-vk:en />
MIT
Free Software, Hell Yeah!