0.2.11 • Published 5 years ago

@emanon_/vue-input-ui v0.2.11

Weekly downloads
5
License
MIT
Repository
github
Last release
5 years ago

vue-input-ui

A beautiful input made with Vue JS

vue-input-ui

Demo

Enjoy

Installation

Using yarn

yarn add vue-input-ui

Using npm

npm i --save vue-input-ui

Usage

ES6 Modules / CommonJS

import VueInputUi from 'vue-input-ui';
import 'vue-input-ui/dist/vue-input-ui.css';

Vue.component('vue-input-ui', VueInputUi);
<VueInputUi v-model="yourValue" />

UMD

<VueInputUi v-model="yourValue" />

<script src="https://unpkg.com/vue" charset="utf-8"></script>
<script src="./dist/vue-input-ui.umd.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="./dist/vue-input-ui.css">

<script type="text/javascript">
  Vue.component('vue-input-ui', window.VueInputUi.default);
</script>

Props API

PropsTypeRequiredDefaultOptions
v-modelString/Inttrue--
idStringfalseVueInputUi-
labelStringfalseEnter Text-
typeStringnotext[textnumbertextarea]
sizeString sm or lgnofalse
colorString HEXnodogderblue
hint*Stringno-
error**Booleannofalse
darkBooleannofalse
disabledBooleannofalse
requiredBooleannofalse
readonlyBooleannofalse
clearableBooleannofalse
loaderBooleannofalse

Contribution

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Lints and fixes files

npm run lint

License

This project is licensed under MIT License