grigio-keyboards

Project setup

npm install --save @mygrigio/keyboards

Import to your main js file

import '@mygrigio/keyboards'
import '@mygrigio/keyboards/dist/grigio.css'

Usage example

<template>
    <input name="username" type="number" v-model="str"/>
    <numberic-keyboard :show="showKeyboard" @Input="getValue"/>
</template>
<script>
export default{
    data(){
        return {
            input: [],
            showKeyboard: true
        }
    },
    computed: {
        str() {
            return this.input.join("");
        }
    },
    methods: {
        getValue(value) {
            switch (value) {
                case "DEL":
                    this.input.pop();
                    break;
                case "OK":
                    this.showKeyboard = false;
                    break;
                default:
                    this.input.push(value);
                break;
            }
        },
    }
}
<script>

Customize configuration

See Configuration Reference.