2.0.0 • Published 3 years ago
vue-eva-input v2.0.0
Eva Input for Vue.js
A beautiful input component based on Eva Design System and Vue 3.
If you are using Vue 2, please install v1.x instead.
Demo
Installation
$ npm install --save vue-eva-input
$ yarn add vue-eva-input
Only v1.0.5
$ npm install --save vue-eva-input eva-icons
$ yarn add vue-eva-input eva-icons
Usage
// main.js
import Vue from 'vue'
import VueEvaInput from 'vue-eva-input'
Vue.use(VueEvaInput)
<template>
<eva-input v-model="value" />
</template>
API Reference
props | type | default | Description |
---|---|---|---|
focus-placeholder | String | "Typing..." | only shows when input is focused |
primary | Boolean | false | switch to "primary" theme |
status | String | null | "info", "warning", "danger", "success" |
suffix-icon | String | null | see official website |
value | String / Number | null |
Tech Stack
- vue-sfc-rollup - Quickly generate redistributable Vue components with Rollup.
- eva-icons - A pack of more than 480 beautifully crafted Open Source icons.
FAQ
How to add input mask?
$ npm install --save vue-the-mask
$ yarn add vue-the-mask
import Vue from 'vue'
// For more information, please visit: https://github.com/vuejs-tips/vue-the-mask
import VueTheMask from 'vue-the-mask'
Vue.use(VueTheMask)
<template>
<eva-input v-mask="'(##) ####-####'" v-model="value" />
</template>
License
2.0.0
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
4 years ago
1.0.2
4 years ago
1.0.3
4 years ago
1.0.1
4 years ago
0.0.1
4 years ago
1.0.0
4 years ago
0.0.2
4 years ago
0.0.6-alpha
4 years ago
0.0.5-alpha
4 years ago
0.0.4-alpha
4 years ago
0.0.3-alpha
4 years ago
0.0.2-alpha
4 years ago
0.0.1-alpha
4 years ago