ngx-magic-carousel v13.0.0

Live Demo

How to install

npm i ngx-magic-carousel

Usage

Add CarouselModule to imports from "ngx-magic-carousel".

import { CarouselModule } from 'ngx-magic-carousel';

...

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [CarouselModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

And insert component to template

<ngx-magic-carousel
  [height]="350"
  [cellWidth]="260"
  [margin]="16"
  [marginFirst]="16"
  [marginLast]="16"
  [transition]="300"
>
  <div class="carousel-cell" *ngFor="let slide of slides;">
    {{slide.id}}
  </div>
</ngx-magic-carousel>