0.0.2 • Published 4 months ago
sliderfy v0.0.2
Sliderfy
A lightweight, simple, and customizable React slider.
Props
| Name | Type | Default | Description |
|---|---|---|---|
sliderfyClassName | string | "sliderfy" | Class name for the slider container. |
children | JSX.Element or JSX.Element[] | - | Slide elements (single or array). |
slidesPerView | number | 1 | Number of slides per view. |
slidesPerGroup | number | 1 | Number of slides to move at a time. |
spaceBetween | number | 0 | Distance between slides in px. |
allowTouchMove | boolean | true | Enable touch swipe. |
autoplay | object | null | Autoplay settings. |
autoplay.delay | number | 0 | Delay in milliseconds for autoplay. |
autoplay.reverseDirection | boolean | false | Reverse autoplay direction. |
vertical | boolean | false | Set to true for vertical slider. |
renderDot | null or function | null | Function to render custom navigation dots. |
Example
npm i sliderfyReact
CSS
Result
