https://github.com/louismazel/vue-input-ui
A beautiful input made with Vue JS
https://github.com/louismazel/vue-input-ui
dark error input management number text ui vue vuejs
Last synced: over 1 year ago
JSON representation
A beautiful input made with Vue JS
- Host: GitHub
- URL: https://github.com/louismazel/vue-input-ui
- Owner: LouisMazel
- Created: 2019-01-16T14:26:46.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T16:02:17.000Z (over 3 years ago)
- Last Synced: 2025-02-27T05:50:57.695Z (over 1 year ago)
- Topics: dark, error, input, management, number, text, ui, vue, vuejs
- Language: Vue
- Homepage: https://louismazel.github.io/vue-input-ui/
- Size: 2.8 MB
- Stars: 26
- Watchers: 3
- Forks: 7
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-input-ui
> A beautiful input made with Vue JS
## Demo
[Enjoy](https://louismazel.github.io/vue-input-ui/)
## Installation
### Using yarn
`yarn add vue-input-ui`
### Using npm
`npm i --save vue-input-ui`
## Usage
### ES6 Modules / CommonJS
```js
import VueInputUi from 'vue-input-ui';
import 'vue-input-ui/dist/vue-input-ui.css';
Vue.component('vue-input-ui', VueInputUi);
```
```html
```
### UMD
```html
Vue.component('vue-input-ui', window.VueInputUi.default);
```
## 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 | |
| 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
```bash
npm install
```
### Compiles and hot-reloads for development
```bash
npm run serve
```
### Lints and fixes files
```bash
npm run lint
```
## License
This project is licensed under [MIT License](http://en.wikipedia.org/wiki/MIT_License)