@zapx/slick

Support angular 6+, slick v1.8.1

Install

  ng add @zapx/slick

All config will be auto imports in file angular.json and package.json

Example

app.component.html

<zapx-slick [options]="options">
  <div>
    <img src="https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg">
  </div>
  <div>
    <img src="https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg">
  </div>
  <div>
    <img src="https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg">
  </div>
</zapx-slick>

app.component.ts

import { SlickOptions } from '@zapx/slick';
...
...
export class AppComponent implements OnInit{
  title = 'zapx-slick-test';
  options: SlickOptions = {
    dots: true,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    centerMode: true,
    variableWidth: true,
    autoplay: true,
  };
  ngOnInit() {
  }
}

Features

• Auto imports scripts and styles in angular.json.
• Auto install dependencies (jquery, slick-carousel).

Comming soon

• Add all event of slick.
• Working in new version and old verson.