{"repo":"claudiolcastro/vue-fake-input","free":true,"listed":false,"github":"https://github.com/claudiolcastro/vue-fake-input","clone":"git clone https://github.com/claudiolcastro/vue-fake-input.git","description":"Custom input for individual characters","language":"JavaScript","stars":84,"topics":["vue","vuejs","javascript","ui-components","input-mask"],"license":"MIT","category":"ui-components","readme_excerpt":"Vue Fake Input ============= Vue Fake input is a Vue.js based component to create custom inputs for individual characters. Table of Contents - Installation - Usage - License Demos Type one char per time or... Paste the entire value Installation or if you prefer yarn Usage Global You may install Vue Fake Input globally: This will make VueFakeInput available to all components within your Vue app. Local Include VueFakeInput directly into your component using import: Local - SSR mode #### In order to get the full value of the inputs, you have to add a v-model bind on #### vue-fake-input and link to any data attribute on your component. Example Result: Configuration (props accepted) Property Type Required Default Description :--------- :-------- :--------- :-------- :------------ length Number Yes Length of the input. How many characters it will support (the value is coverted to pixel) fontSize Number No 22 Font size of the individual characters (the value is coverted to pixel) inputColor String No '#42b983' Color of the border bottom wen the input is filled fontColor String No '#42b983' Color of the individual Characters allowPaste Boolean No true Allow the user to paste values into the input onlyNumber Boolean No false Only allow number input License This project is licensed under the MIT License - see the LICENSE.md file for details.","default_branch":null,"files":null,"tree":[],"storefront":"/r/claudiolcastro","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/claudiolcastro/vue-fake-input/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}