0.1.4 • Published 6 years ago
@roylee1997/vue-js-input v0.1.4
vue-js-input
Github Example ( In src folder )
https://github.com/1997roylee/vue-js-input
Npm
https://www.npmjs.com/package/@roylee1997/vue-js-input
Command
For Install npm
$ npm i @roylee1997/vue-js-inputRun Project
$ npm install
$ npm run serveExample
Setup:
import VInputComponent from '../projects/InputComponent/index.js'
Vue.use(VInputComponent)Usage:
<v-input
outline
:value="Value"
@input="updateValue"
@focus="onFocus"
@blur="onBlur"
size="small"
></v-input>Props
| Prop | Type | Comment |
|---|---|---|
| width | Number | default 200px |
| value | String | binding value |
| type | String | 'text', 'url', 'email', 'password', 'search' |
| error | String | display error messages |
| rounded | String | border radius of Input, 'none', 'small', 'full' |
| size | String | size of Input, 'small', 'medium' |
| label | String | label text |
| placeholder | String | placeholder of Input |
| outline | Function | outline style |
| disabled | Function | disabled |
| field | Function | field style |
| full | Function | full width style |
| @input | Function | Input event |
| @focus | Function | Focus event |
| @blur | Function | Blur event |