Wondering what’s next for npm?Check out our public roadmap! »

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

    1.2.0 • Public • Published

    ng-simple-carousel

    A carousel component made with Angular 10. No other dependencies. Focus on simple functionality, allowing easy-customize. Responsive and mobile-frindly.

    Demo

    You can check samples from here

    Install

    npm i ng-simple-carousel
    

    APIs

    NgSimpleCarouselComponent

    Name Type
    @Input controller CarouselController Class used to change component state programatically
    @Input images CarouselImage[ ] Information of images on the slides
    @Input objectFit "contain" | "cover" Set css object-fit property. Default is contain
    @Output imgChange EventEmitter Id of image emitted when active image is changed

    NgSimpleCarouselWithButtonComponent

    Name Type
    @Input controller CarouselController Class used to change component state programatically
    @Input images CarouselImage[ ] Information of images on the slides
    @Input objectFit "contain" | "cover" Set css object-fit property. Default is contain
    @Output imgChange EventEmitter Id of image emitted when active image is changed

    NgSimpleCarouselComponentWithDots

    Name Type
    @Input controller CarouselController Class used to change component state programatically
    @Input images CarouselImage[ ] Information of images on the slides
    @Input objectFit "contain" | "cover" Set css object-fit property. Default is contain
    @Output imgChange EventEmitter Id of image emitted when active image is changed

    CarouselController

    Name Arg
    jumpTo() id Jump to the image of specified id
    prev() --- Go to previous image
    next() --- Go to next image

    CarouselImage

    Name Type
    id string required
    src string required
    srcset string
    sizes string
    alt string
    sources CarouselImageSource [ ]

    CarouselImageSource

    Name Type
    srcset string required
    type string
    sizes string

    Install

    npm i ng-simple-carousel

    DownloadsWeekly Downloads

    112

    Version

    1.2.0

    License

    Apache-2.0

    Unpacked Size

    155 kB

    Total Files

    23

    Last publish

    Collaborators

    • avatar