<a href="https://opencodes.github.io/angular-uikit/">
    <h1 align="center">ng-uikit</h1>
</a>

<p align="center">
Best way to quickly integrate <a href="https://getbootstrap.com/">Bootstrap 4.0</a> Components with <a href="https://angular.io/">Angular</a>
</p>

<p align="center">
<a href="https://badge.fury.io/js/ng-uikit"><img src="https://badge.fury.io/js/ng-uikit.svg" alt="npm version" height="18"></a>
<br/>
<a href="https://ngx-slack.herokuapp.com"><img src="https://ngx-slack.herokuapp.com/badge.svg" alt="slack" ></a>
</p>

## Getting Started
ng-uikit contains Bootstrap components powered by Angular 7.
So you don't need to include original JS components, but we are using markup and css provided by Bootstrap.

## Installation instructions
##### Method 1
Install `ng-uikit` from `npm`:
```bash
npm install ng-uikit --save
```

### Dependencies
```bash
npm install --save bootstrap@^4.1.3
npm install --save  @fortawesome/fontawesome-free@^5.5.0
```
### Import in Module
import {AccordionModule} from 'ng-uikit';

### Html in Component
<ui-accordion></ui-accordion>

## Modules
| Name        | Description           | 
| :-------------: |:-------------:| 
| AccordionModule      | -- | 
| CardModule      | -- | 
| CarouselModule      | -- | 
| ChartModule      | -- | 
| DatatableModule      | -- | 
| DatepickerModule      | -- | 
| DropdownModule      | -- | 
| ModalModule      | -- | 
| TabModule      | -- | 
| TooltipModule      | -- | 

