2.0.0 • Published 3 years ago

vue-eva-input v2.0.0

Weekly downloads
10
License
MIT
Repository
github
Last release
3 years ago

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

Edit fragrant-shadow-4qck2

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

propstypedefaultDescription
focus-placeholderString"Typing..."only shows when input is focused
primaryBooleanfalseswitch to "primary" theme
statusStringnull"info", "warning", "danger", "success"
suffix-iconStringnullsee official website
valueString / Numbernull

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

MIT

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