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-input
Run Project
$ npm install
$ npm run serve
Example
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 |