Directive to easily create carousels based on Bootstrap's markup.
Nulla vitae elit libero, a pharetra augue mollis interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent commodo cursus magna, vel scelerisque nisl consectetur.
This carousel uses customized default values.
import {Component} from '@angular/core'; @Component({ selector: 'ngbd-carousel-basic', templateUrl: './carousel-basic.html' }) export class NgbdCarouselBasic { }
import {Component} from '@angular/core'; import {NgbCarouselConfig} from '@ng-bootstrap/ng-bootstrap'; @Component({ selector: 'ngbd-carousel-config', templateUrl: './carousel-config.html', providers: [NgbCarouselConfig] // add NgbCarouselConfig to the component providers }) export class NgbdCarouselConfig { constructor(config: NgbCarouselConfig) { config.interval = 10000; config.wrap = false; config.keyboard = false; config.pauseOnHover = false; } }
Customize & Preview in Real Time
Sidebar Width