A collection of MV Components implemented using Vue
Run the following command using npm:
npm install --save mv-components
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: