previolet-inputs

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

<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: