Skip to content
A beautiful input made with Vue JS
Vue JavaScript HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs 📖 (docs) Update doc for 1.0.3 Nov 11, 2019
nuxt (feature) Improve nuxt compatibilty (#4) Nov 5, 2019
public 📘 Update READ.me Jan 16, 2019
src ♻️ (refacto) Function call Nov 11, 2019
.editorconfig First Commit Jan 16, 2019
.eslintrc.js First Commit Jan 16, 2019
.gitignore (feature) Improve nuxt compatibilty (#4) Nov 5, 2019
.npmignore 🏗 Build 0.1.0 Jan 16, 2019
.stylelintignore (feature) Theming component Nov 8, 2019
.stylelintrc.json (feature) Theming component Nov 8, 2019
README.md
babel.config.js init Jan 16, 2019
package-lock.json Bump version to 1.0.3 Nov 11, 2019
package.json ♻️ (refacto) Use color-transformer-ui Nov 11, 2019
tsconfig.json First Commit Jan 16, 2019
vue.config.js 🏗 Build 0.1.0 Jan 16, 2019

README.md

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

Props Type Required Default Options
v-model String/Int true - -
id String false VueInputUi -
label String false Enter Text -
type String no text [text
size String sm or lg no false
color String HEX no dogderblue
hint* String no -
error** Boolean no false
dark Boolean no false
dark-color (4) String (hex) no #424242
disabled Boolean no false
required Boolean no false
readonly Boolean no false
clearable Boolean no false
loader Boolean no false
border-radius Number no 4

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

You can’t perform that action at this time.