CarouselItemDirective

1 Oct 20251 minute to read

e-carousel-item directive represent a item of the Angular Carousel.
It must be contained in a Carousel component(ejs-carousel).

<ejs-carousel>
  <e-carousel-items>
   <e-carousel-item template='#item1'></e-carousel-item>
   <e-carousel-item template='#item2'></e-carousel-item>
  </e-carousel-items>
</ejs-carousel>

Properties

cssClass any

Accepts single/multiple classes (separated by a space) to be used for individual carousel item customization.

Defaults to null

htmlAttributes any

Accepts HTML attributes/custom attributes to add in individual carousel item.

Defaults to null

interval any

Accepts the interval duration in milliseconds for individual carousel item transition.

Defaults to null

template string|object

Accepts the template for individual carousel item.

Defaults to null