@rgo47/rgo-vue

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

https://vuejs.org

VueSweetAlert2

https://www.npmjs.com/package/vue-sweetalert2

BootstrapVue

https://bootstrap-vue.org

Font Awesome Icon are used for button icons