0.1.21 • Published 3 years ago
@rgo47/rgo-vue v0.1.21
rgo-vue
Vue Component Library for RGO47
Install
npm i @rgo47/rgo-vue
Available Components
#### RgoAlert
`<rgo-alert></rgo-alert>`
#### RgoBadge
`<rgo-badge></rgo-badge>`
#### RgoBarChart
`<rgo-bar-chart></rgo-bar-chart>`
#### RgoButton
`<rgo-button></rgo-button>`
#### RgoCard
`<rgo-card></rgo-card>`
#### RgoImageCard
`<rgo-image-card></rgo-image-card>`
#### RgoImagePreview
Sinlge Image Upload with Preview
`<rgo-image-preview></rgo-image-preview>`
#### RgoListForm
`<rgo-list-form></rgo-list-form>`
Dynamic row component with image upload.
#### RgoModal
`<rgo-modal></rgo-modal>`
#### RgoPieChart
`<rgo-pie-chart></rgo-pie-chart>`
#### RgoWidget
`<rgo-widget></rgo-widget>`
Usage
in main.js
import {RgoButton} from '@rgo47/rgo-vue';
Vue.component('RgoButton',RgoButton);
in component,
<rgo-button variant="danger" type="text" icon="file-export">
Click Here
</rgo-button>
<rgo-widget type="big" title="Total Sale" value="150" progressVariant="primary" valuePercentage="30">
<template v-slot:icon>
<simple-line-icons :icon="user"/>
</template>
</rgo-widget>
Dependencies
Vue
VueSweetAlert2
https://www.npmjs.com/package/vue-sweetalert2
BootstrapVue
Font Awesome Icon are used for button icons
0.1.21
3 years ago
0.1.20
3 years ago
0.1.19
3 years ago
0.1.18
3 years ago
0.1.17
4 years ago
0.1.15
4 years ago
0.1.16
4 years ago
0.1.14
4 years ago
0.1.13
4 years ago
0.1.10
4 years ago
0.1.11
4 years ago
0.1.12
4 years ago
0.1.8
4 years ago
0.1.9
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago