/ Input

A beautiful input made with Vue JS

A beautiful input made with Vue JS

vue-input-ui

A beautiful input made with Vue JS.

vue-input-ui-demo

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

Props Type Required Default Options
v-model String/Int true - -
id String false VueInputUi -
label String false Enter Text -
type String no text text or number
size String sm or lg no false
color String HEX no dogderblue
hint* String no -
error** Boolean no false
dark Boolean no false
disabled Boolean no false
required Boolean no false
readonly Boolean no false
clearable Boolean no false

Contribution

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Lints and fixes files

npm run lint

GitHub