Skip to content

crexi-dev/ui-carousel

Β 
Β 

Repository files navigation

πŸŒ€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 :

Example :

    <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 :

  <ui-carousel-item>
     <img [ui-lazy-load]="src">
  </ui-carousel-item>

Licence :

MIT

About

🎨 Angular carousel Component πŸ”₯

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 85.8%
  • CSS 11.2%
  • HTML 3.0%