Angular Draggable Carousel is a simple, lightweight, and responsive carousel drag for Angular2+.
angular carousel multiple items, angular carousel with swipe, angular carousel npm, javascript carousel library, best carousel js, simple javascript carousel
Make Your Vue Components Draggable Library Using Vue2/3 | revue draggable
How to make use of it:
Installation:
# NPM $ npm install ngx-drag-scroll --save
1. Import the library.
import { DragScrollModule } from 'ngx-drag-scroll';2. Add “DragScrollModule” to your app module.
@NgModule({
declarations: [
AppComponent,
...
],
imports: [
DragScrollModule,
...
],
providers: [
],
bootstrap: [AppComponent]
})
export class AppModule { }API REFERENCE
| Name | Description | Default |
|---|---|---|
@Input() scrollbar-hidden | Whether the scroll bar for this element is hidden. | false |
@Input() drag-scroll-disabled | Whether horizontally or vertically dragging and scrolling events are disabled. | false |
@Input() drag-scroll-x-disabled | Whether horizontally dragging and scrolling events are disabled. | false |
@Input() drag-scroll-y-disabled | Whether vertically dragging and scrolling events are disabled. | false |
@Input() drag-disabled | Whether dragging is disabled. | false |
@Input() snap-disabled | Whether snapping is disabled. | false |
@Input() snap-offset | Pixels of the previous element to show on snap or moving left and right. | 0 |
@Output() reachesLeftBound | Whether reaching the left carousel bound. | n/a |
@Output() reachesRightBound | Whether reaching the right carousel bound. | n/a |
@Output() indexChanged | Executes when the current index of the carousel changes. | n/a |
@Output() dragStart | Executes when the drag starts. | n/a |
@Output() dragEnd | Executes when drag ends. | n/a |
Responsive Angular Carousel Library, Angular Draggable Carousel Plugin/Github
See Demo And Download
Official Website(bfwg): Click Here
This superior jQuery/javascript plugin is developed by bfwg. For extra Advanced usage, please go to the official website.
