src/app/03-layout/carousel/carousel.component.html from kalidea/kaligraphi

src/app/03-layout/carousel/carousel.component.html

Summary

Maintainability

Test Coverage

Issues
Source
Stats

Issues

<h1>Carousel</h1>

<div class="example" >
  <kal-carousel #carousel="kalCarousel" [items]="elements">
    <a (click)="carousel.previous()" class="previous" *ngIf="!carousel.isFirst"></a>
    <div class="container">
      <article
        *kalCarouselItem="let e"
        [style.background-image]="'url('+ e.image + ')'">
        <h3> {{ e.title }}</h3>
      </article>
    </div>
    <a (click)="carousel.next()" class="next" *ngIf="!isEndOfViewport(carousel.currentItem)"></a>
  </kal-carousel>

</div>