open-index/open-npm huggingface dataset:
npm package: @rgo47/rgo-vue
Description: Vue Component Library for RGO47
Latest version: 0.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
https://vuejs.org

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

### BootstrapVue
https://bootstrap-vue.org

### Font Awesome Icon are used for button icons
npm package: @rgoerli/vue-components
Description: ## Project setup ``` yarn install ```
Latest version: 0.1.0

# my-first-component

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).