Awesome Open Source
Awesome Open Source

Angular2-Carousel

OLD VERSION - DEPRECATED VERSION

npm version Build Status Coverage Status Angular2+ Angular2+ licence

An lightweight, touchable and responsive library to create a carousel for angular 2+

NEW VERSION HERE NX-ANGUAR

I make a new version for angular, compatible with 7.0.0 without dependencies. NO MORE HAMMER

ngx-carousel-lib NPM

ngx-carousel-lib github

ngx-carousel-lib web

.

.

.

.

.

.

.

Demo

demos available here

Install

You can install the package from our npm package

 npm install --save angular2-carousel

check if not install all peer dependencies:

npm install @types/hammerjs
npm install hammerjs

Usage

First tou need to provide the CarouselModule to your desired Module

import {CarouselModule} from "angular2-carousel";

// In your App's module or Custom Module:
@NgModule({
    imports: [
       CarouselModule
    ] 
})

note : if you install library from github, you should import from angular2-carousel/dist

Now, you can use CarouselModule as follow:

<carousel-component >
    <div class="item-carousel">a</div>
    <div class="item-carousel">
        <div class="b">
            <img/>
            .
            .
            .
        </div>
    </div>
    <div class="item-carousel">c</div>
    <div class="item-carousel">d</div>
</carousel-component>

All slides of carousel must have .item-carousel

Preview

API Documentation

you can see here or in web

Author

Alex Marcos Gutierrez TMTFactory

License

MIT


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (253,778
Angular (12,684
Angular2 (2,056
Responsive (1,602
Angular4 (1,462
Carousel (479
Touch (335
Ngx (284
Related Projects