A simple responsive carousel component with custom first/last margins for Angular 12+
npm install ngx-magic-carousel``
npm i ngx-magic-carousel
Add CarouselModule to imports from "ngx-magic-carousel".
`typescript
import { CarouselModule } from 'ngx-magic-carousel';
...
@NgModule({
declarations: [
AppComponent
],
imports: [CarouselModule],
bootstrap: [AppComponent]
})
export class AppModule { }
`
And insert component to template
`angular2html``
[cellWidth]="260"
[margin]="16"
[marginFirst]="16"
[marginLast]="16"
[transition]="300"
>
{{slide.id}}