Carousel
Looking for a smooth, modern carousel for your Angular projects? Meet Angular Material Carousel, a lightweight and flexible component designed to fit perfectly into Angular Material apps.
- ✅ Seamless Integration: Built with Angular Material and Tailwind, it blends right in with your app's design.
- ✅ Easy to Use: Simple API for developers of any skill level.
- ✅ Customizable: Tailor it to match your style with ease.
Whether you need to showcase images, cards, or any content, Angular Material Carousel delivers a fast, polished experience.
Try it now and elevate your app’s UI! 🚀
Basic Carousel
Carousel controls with custom position
Carousel with fade effect
API Reference
Properties for the emr-carousel component.
| Prop | Type | Default |
|---|---|---|
fade Adds smooth opacity to left and right | boolean | false |
Properties for the emrCarouselNext component.
| Prop | Type | Default |
|---|---|---|
carousel Сarousel instance if the control is external | CarouselComponent | – |
Properties for the emrCarouselPrevious component.
| Prop | Type | Default |
|---|---|---|
carousel Сarousel instance if the control is external | CarouselComponent | – |
emr-carousel-card component - adds an carousel item.
emrCarouselControls directive - adds a controls container.
emrCarouselNext directive - control that moves to the next item in the carousel.
emrCarouselPrevious directive - control that moves to the previous item in the carousel.