mv-components

1.0.20 • Public • Published

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

Dependencies (13)

Dev Dependencies (25)

Package Sidebar

Install

npm i mv-components

Weekly Downloads

2

Version

1.0.20

License

MIT

Unpacked Size

11.3 MB

Total Files

98

Last publish

Collaborators

  • mvtech