<p align="center"><a href="#" target="_blank"><img width="300" src="./src/assets/logo.png" alt="Vital logo"></a></p>
<p align="center">
  <!-- <a href="https://npmcharts.com/compare/vital-vue?interval=7"><img src="https://img.shields.io/github/downloads/vital-maker/Vital-vue/total" alt="Downloads"></a> -->
  <a href="https://www.npmjs.com/package/vital-vue"><img src="https://img.shields.io/github/package-json/v/vital-maker/vital-vue" alt="Version"></a>
  <a href="https://github.com/vital-maker/Vital-vue/blob/main/LICENSE"><img src="https://img.shields.io/github/license/vital-maker/Vital-vue" alt="License"></a>
  <br>
</p>

## vital-vue

vital-vue is for who like design with vue js using bootstrap and much more

<h2 align="left">Quick install</h2>

```
npm install vital-vue
```

## Usage

```javascript 

import 'vital-vue/dist/vital-vue.css'
import vital from 'vital-vue'

Vue.use(vital)

```
## Components

| component |
|-----------|
| VTButton |
| VTButtonToggle |
| VTButtonGroup |
| VTFluid |
| VTContainer |
| VTRow |
| VTCol |
| VTButtonDropDown |
| VTLink |
| VTSpan |
| VTAlert |
| VTRoute |
| VTBreadcrumb |
| VTLi |
| VTToolbar |
| VTCard |
| VTCardBody |
| VTCardTitle |
| VTCardSubTitle |
| VTCardText |
| VTLabel |
| VTHead |
| VTTransition |
| VTInput |
| VTText |
| VTtag `soon..`|

## Documentation
<p align="left">
Coming soon...
</p>

## License

[MIT](https://opensource.org/licenses/MIT)

Copyright (c) 2020 Mohamed Elnagar
