A carousel component made with Angular 10. No other dependencies.
Focus on simple functionality, allowing easy-customize.
Responsive and mobile-frindly.
You can check samples from here
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
Name
Arg
jumpTo()
id
Jump to the image of specified id
prev()
---
Go to previous image
next()
---
Go to next image
Name
Type
id
string
required
src
string
required
srcset
string
sizes
string
alt
string
sources
CarouselImageSource [ ]
Name
Type
srcset
string
required
type
string
sizes
string