Carousel

A slideshow component for cycling through content panels.

Basic
 Slide 1 
 Slide 2 
 Slide 3 
 Slide 4 
<prism-carousel>
  <prism-carousel-panel>
    <div class="slide">Slide 1</div>
  </prism-carousel-panel>
  <prism-carousel-panel>
    <div class="slide">Slide 2</div>
  </prism-carousel-panel>
  <prism-carousel-panel>
    <div class="slide">Slide 3</div>
  </prism-carousel-panel>
</prism-carousel>
Vertical
 Slide 1 
 Slide 2 
 Slide 3 
 Slide 4 
<prism-carousel [vertical]="true">
  <prism-carousel-panel>...</prism-carousel-panel>
  <prism-carousel-panel>...</prism-carousel-panel>
</prism-carousel>
Autoplay
 Slide 1 
 Slide 2 
 Slide 3 
 Slide 4 
<prism-carousel [autoplay]="true" [autoplaySpeed]="2000">
  <prism-carousel-panel>...</prism-carousel-panel>
  <prism-carousel-panel>...</prism-carousel-panel>
</prism-carousel>
Fade Effect
 Slide 1 
 Slide 2 
 Slide 3 
 Slide 4 
<prism-carousel effect="fade">
  <prism-carousel-panel>...</prism-carousel-panel>
  <prism-carousel-panel>...</prism-carousel-panel>
</prism-carousel>
NameTypeDefaultDescription
autoplaybooleanfalseEnable automatic slide advancement.
autoplaySpeednumber3000Time between slides in ms.
dotPosition'top' | 'bottom' | 'left' | 'right''bottom'Position of the navigation dots.
dotsbooleantrueShow dot navigation indicators.
effect'slide' | 'fade''slide'Transition effect between slides.
verticalbooleanfalseEnable vertical sliding mode.
activeIndexSignal<number>0Currently active slide index (signal).
indexChangeEventEmitter<number>—Emitted when the active index changes.

Name	Type	Default	Description
`autoplay`	`boolean`	`false`	Enable automatic slide advancement.
`autoplaySpeed`	`number`	`3000`	Time between slides in ms.
`dotPosition`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'bottom'`	Position of the navigation dots.
`dots`	`boolean`	`true`	Show dot navigation indicators.
`effect`	`'slide' \| 'fade'`	`'slide'`	Transition effect between slides.
`vertical`	`boolean`	`false`	Enable vertical sliding mode.
`activeIndex`	`Signal<number>`	`0`	Currently active slide index (signal).
`indexChange`	`EventEmitter<number>`	`—`	Emitted when the active index changes.