# phila-vue-comps

phila-vue-comps is a library of Vue components that can be used in apps which use [Vue.js](https://vuejs.org/v2/guide/) and [Vuex](https://vuex.vuejs.org/).  It includes many data-presentation components such as [Vertical Tables](https://github.com/CityOfPhiladelphia/phila-vue-comps/wiki/Vertical-Table) or [Horizontal Tables](https://github.com/CityOfPhiladelphia/phila-vue-comps/wiki/Horizontal-Table), etc.

## To Include The Components In Your App
* in a bundled app, use npm:

    `npm install phila-vue-comps`

* in an html file, use the CDN:

    `<script src="//unpkg.com/@cityofphiladelphia/phila-vue-comps@0.0.9/dist/phila-vue-comps.js"></script>`

## Examples

### Badge-Custom
![](https://s3.amazonaws.com/mapboard-images/TopicPanel/BadgeCustom.JPG)

### Horizontal Table
![](https://s3.amazonaws.com/mapboard-images/TopicPanel/horizontalTable_2.JPG)

## Usage
Check out [the wiki](https://github.com/CityOfPhiladelphia/phila-vue-comps/wiki) for usage documentation.