ngx-siema
Siema - Lightweight and simple carousel with no dependencies.
Installation
npm i ngx-siema
Sample
Include NgxSiemaModule in your main module:
; @
Then use in your component:
;; @ implements OnInit options: NgxSiemaOptions = selector: '.siema' duration: 200 easing: 'ease-out' perPage: 1 startIndex: 0 draggable: true threshold: 20 loop: false { // runs immediately after first initialization } { // runs after slide change } ;
Example of usage with the navigation buttons:
;; @ options: NgxSiemaOptions = selector: '.siema' ; { } { thisngxSiemaService ; } { thisngxSiemaServicenext1 ; } { thisngxSiemaService ; }
Example of usage with multiple instances of ngx-siema
;; @ options: NgxSiemaOptions = selector: '.siema' ; options2: NgxSiemaOptions = selector: '.siema2' ; slides: number = 1 2 3 4 5; { } { thisngxSiemaServicenext1 ; } { // Use the prev function only for ngx-siema instance with selector '.siema' thisngxSiemaService ; }
License
MIT license.