carousel-angular
TypeScript icon, indicating that this package has built-in type declarations

1.5.3 • Public • Published

Simple Angular carousel component

Demo

Live demo.

About

This is a fork version of ivylaboratory/angular-carousel with the following changes:

  • Navigation arrows new design
  • Bug fixes:
    • Fix scrolling to previous item scrolls to start only
    • Fix when drag & drop event starts on inner content (drag & drop is now blocked)
    • Fix autoplay stop when hovering carousel
  • Removed 'images' and 'loop' functionality to reduce bundle size ('loop' never worked before without 'images')
  • Changed default settings
  • Performed .sass and .ts linting, overall code cleanup (removing unused members) and modernization
  • Bundle size is reduced to 529 kB unpacked against 814 kB before
  • Dependency versions upgrade to fit Angular 14

Installation

Install the npm package.

  npm i carousel-angular

Import module:

  import {IvyCarouselModule} from 'carousel-angular';

  @NgModule({
      imports: [IvyCarouselModule]
  })

Usage

Put the contents of your cells in containers with the carousel-cell class.

<carousel>
    <div class="carousel-cell">
        <img src="path_to_image"> <!-- Or any other HTML content -->
    </div>
    <div class="carousel-cell">
        ...
</carousel>

Credits

Please see angular-carousel author's page respectively: drozhzhin-n-e

Package Sidebar

Install

npm i carousel-angular

Weekly Downloads

60

Version

1.5.3

License

MIT

Unpacked Size

530 kB

Total Files

29

Last publish

Collaborators

  • pikus_spb