Skip to content
πŸ˜ŽπŸ›€ Simple and awesome slider
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo Update demo html Feb 22, 2019
dist Update st important Feb 24, 2019
test Update gitignore Dec 21, 2018
.gitignore Multiple slides n multiple efford Dec 21, 2018
.npmignore Implement feature for display & move multiple slides Nov 19, 2018
build-steps.md
draggable.js
helpers.js Add . Feb 23, 2019
index.html Update data slides position on window resize Feb 24, 2019
main.css Implement feature for display & move multiple slides Nov 19, 2018
main.js Merge branch 'anhht' into release Feb 24, 2019
observer.js Release new version 2.0 Feb 22, 2019
package-lock.json New feature: observe slider width Feb 17, 2019
package.json Update st important Feb 24, 2019
readme.md Update markdowns Dec 21, 2018
webpack.config.js

readme.md

Installation

yarn add slider-x

Documentation will update asap!

Basic Usage

Import slider-x

import 'slider-x'
import 'slider-x/dist/slider-x.css'

All options available (currently)

defaultOptions = {
  slidesToShow: 1,
  slidesToScroll: 1,
  gutter: 0,
  autoPlay: true,
  autoPlayDelay: 3000,
  duration: 450,
  loop: true,
  draggable: true,
  paginationStyle: 'pagination-style-1',
  navStyle: 'nav-style-1',
  adaptiveHeight: false,
  height: 400,
}

Enjoy :)

You can’t perform that action at this time.