0.2.11 • Published 5 years ago
@emanon_/vue-input-ui v0.2.11
vue-input-ui
A beautiful input made with Vue JS
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 | number | textarea] |
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 | |||
loader | Boolean | no | false |
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