vue-eva-input
vue-eva-input copied to clipboard
A beautiful input component based on Eva Design System and Vue.
Eva Input for Vue.js [DEPRECATED]
A beautiful input component based on Eva Design System and Vue 3.
If you are using Vue 2, please install v1.x instead.
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>