Horizontal Lines Carousel - yoseftuk/angular-carousels GitHub Wiki

Import the component

add to the app.module.ts

import { CarouselLinesHorizontalComponent } from './way/to/path/carousels/carousel-line-horizontal.component';

and in the @NgModule -> declarations:

...
CarouselLinesHorizontalComponent,
...

Create the Component

required props:

  • name: urls
  • type: string[] ( - the urls for images you want to pass into the carousel )

example:

  • in the class:
   urls = ['url1.jpg', 'url2.jpg', 'url3.jpg'];
    <app-carousel-lines-horizontal [urls]="myUrls"></app-carousel-lines-horizontal>

Costumisation props

  • interval (number): set the interval in milliseconds between change of images (default: 6000)