verysimpleslider

Very Simple Slider (Angular 2+)

Very simple slider is an Angular 2+ plugin that creates a simple slider See Demo page.

Versions

Getting started

Step 1: Install VerySimpleSlider:

NPM

npm i --save verysimpleslider

Step 2: Import the VerysimplesliderModule:

import { VerysimplesliderModule } from 'verysimpleslider';

@NgModule({
  declarations: [AppComponent],
  imports: [VerysimplesliderModule],
  bootstrap: [AppComponent]
})
export class AppModule {}

Step 3: Use in your component:

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  template: `
    <very-simple-slider [items]="slides"></very-simple-slider>
  `,
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'Very Simple Slider Demo Page';
  items = [
    {id:1,title:"SLIDE1 TITLE",subtitle:"Slide 1 subtitle here",image:"https://raw.githubusercontent.com/rabiee3/verysimpleslider/master/src/assets/images/1.jpg"},
    {id:2,title:"SLIDE2 TITLE",subtitle:"Slide 2 subtitle here",image:"https://raw.githubusercontent.com/rabiee3/verysimpleslider/master/src/assets/images/2.jpg"},
    {id:3,title:"SLIDE3 TITLE",subtitle:"Slide 3 subtitle here",image:"https://raw.githubusercontent.com/rabiee3/verysimpleslider/master/src/assets/images/3.jpg"}
  ];

}