MV Components

A collection of MV Components implemented using Vue

Getting Started

Run the following command using npm:

npm install --save mv-components

Usage

Install MV Components globally in the main.js file.

import 'mv-components'
import 'mv-components/dist/mvComponents.css'

In your components:

<template>
    <MTextHorizontal :data="data" :options="options" />
</template>

<script>
  export default {
    data() {
      return {
        data: [
          {
            id: 1,
            value: 50
          }
        ],
        options: {
          label: 'Standar',
          unit: '%',
          value: 'value',
          filter_by: 'id'
        }
      }
    }
  }
</script>

You can use <DynamicWidget />

<template>
    <DynamicWidget :data="data" :options="options" type="MTextHorizontal" />
</template>

<script>
  export default {
    data() {
      return {
        data: [
          {
            id: 1,
            value: 50
          }
        ],
        options: {
          label: 'Standar',
          unit: '%',
          value: 'value',
          filter_by: 'id'
        }
      }
    }
  }
</script>

Available components:

• Chart
  • <MPieChart />
• Text
  • <MTextHorizontal />
  • <MTextVertical />
• Table
  • <MFreezeTable />