# 🌀ui-carousel
✨ Carousel component for angular 4 and 5
💥 Features :
- 👌 Supports touch events
- ⚡️ Image lazy loading
- 😈 No third party library
- 😎 Easy to use API
Install
`` npm install ui-carousel --save ``
Demo :
Demo
Example :
```html<ui-carousel [infinite]="true" [fade]="false" [speed]="200" ><ui-carousel-item *ngFor="let item of items"><img [ui-lazy-load]="item.img"></ui-carousel-item></ui-carousel>API
Inputs
Inputs | Type | Description ---------------- | --------------- | -----------infinite | boolean | Infinite carousel
arrows | boolean | Show/hide Arrows
dots | boolean | Show/hide Dots
speed | number | Speed (in milliseconds)
fade | bool | Enable fade mode
height | string | Height of the carousel (in px or %)
width | string | Width of the carousel (in px or %)
Directives :
``[ui-lazy-load]`` : used to lazy load images in the carousel :
```html
<img [ui-lazy-load]="src">