@logo-software/carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

Usage no npm install needed!

<script type="module">
  import logoSoftwareCarousel from 'https://cdn.skypack.dev/@logo-software/carousel';
</script>

README

Carousel Module

The Carousel module is a component for cycling through elements, like a carousel (slideshow).

Click here for demo

Installation

All public npm packages of Logo Software is at https://www.npmjs.com/~logofe. To install Carousel Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/carousel -s

Just import it to your project of @NgModule import section.

@NgModule({
  imports: [CommonModule, CarouselModule],
})
export class AppModule {
}

Carousel Component

The carousel is a slideshow for cycling through a series of content, built with CSS transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.

<logo-carousel [count]="1" [arrow]="true" [dots]="true">
  <div class="slider-item" *ngFor="let item of sliderItems">
     {{item.description}}
  </div>
</logo-carousel>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview