KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #developer-tools #cli #codex #claude-code #react #dsh-plugin #mcp #open-source #dsh #deepseek-harness

fluid-slider

★ 27 Open GitHub ↗

Percentage-based slider component built around the Swipe Component.

// 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

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README