1.1.1 • Published 4 years ago

ng-dynamic-carousel v1.1.1

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

Ng Dynamic Carousel

Dynamic carousel component for Angular.

Installation

  • Run npm install ng-dynamic-carousel --save or yarn add ng-dynamic-carousel --save.
  • Add NgDynamicCarouselModule in your imports array.
  • Use <ng-carousel></ng-carousel> in your HTML template.
  • Enjoy! 😄

Configuration

Prop NameTypeNoteDefault
imagesstring[]List of images urls.
startsAtnumberIndex of the first image to start from.0
imagesPerPagenumber2
imageWidthnumber10
imageGapnumber10
containerHeightnumber20
unitsstringrem

Example Usage

feature.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NgDynamicCarouselModule } from 'ng-dynamic-carousel';

import { FeatureComponent } from './feature.component';

@NgModule({
 declarations: [FeatureComponent],
 imports: [
   CommonModule,
   NgDynamicCarouselModule
 ],
})
export class FeatureModule { }

feature.component.html

<h1>My Travel</h1>

<ng-carousel imagesPerPage="3"></ng-carousel>