# Previolet Inputs

This repository contains a list of reusable input and output VueJs components.

### Installation
Install the Previolet Inputs npm module:

```
$ npm init
$ npm install --save previolet-inputs
```

### Usage example

```vue
<template>
  <div>
    <input-text
      caption="Caption"
      description="Description"
      placeholder="Placeholder"
      v-model="testInput"></input-text>
  </div>
</template>

<script>
  import { inputText } from 'previolet-inputs'

  export default {
    components: { inputText },

    data() {
      return {
        testInput: ''
      }
    }

    ...
  }
</script>

```

### Development
The project contains a build-in development server:

```
node v16.16.0
$ yarn install
$ npm uninstall node-sass
$ npm install sass
$ npm run serve
```

### Documentation

The demo project contains a list of all included inputs along with prop documentation and usage examples:

![Previolet Input List](./previolet-inputs.png)