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: 3 months 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 (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T16:02:17.000Z (about 2 years ago)
• Last Synced: 2024-10-15T15:23:23.003Z (3 months 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

![vue-input-ui](./public/vue-input-ui-demo.gif)

## 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)