fluid-slider

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 27)

Percentage-based slider component built around the Swipe Component.

fluid-slider Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Fluid Slider

Percentage-based Slider component built around the [Swipe Component](https://github.com/component/swipe). Useful for responsive projects because of configurable breakpoints/slides. Be sure to check out the [demo](http://jonykrause.github.io/fluid-slider/).

## Installation

If you use component:

$ component install jonykrause/fluid-slider

If you don’t use component include [the umd standalone version](https://github.com/jonykrause/fluid-slider/blob/master/index.umd-standalone.js)

## API

### FluidSlider(el, options)

Create a fluid slider object for `el`. This should be a container element that wraps a list of several items. View ./example/index.html for a working example.

Supports the options:
 
 - sensitivity: ```{Number}``` Sensitivity while touchmoving, defaults to 50
 - itemsToSlide: ```{Number}``` Amount of items to slide, defaults to visibleItems
 - breakpointItems: ```{Object}``` Store viewport width/px(key) and amount(val) of visible items f.e. {0: 1, 500: 2}

### FluidSlider#update

This method should be invoked when the swipe element has been resized, or an item has been added or removed

#### FluidSlider.swiper inherits [Swipe](https://github.com/component/swipe) functionality!

## License

MIT

fluid-slider

fluid-slider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

fluid-slider

fluid-slider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README