Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (styled-img-slider) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Styled Image Slider

Styled Image Slider is a simple js/ts react component. Developed with typescript and styled with styled-components.

Parameters

It takes 2 parameters / props:

interface SliderProps {
  images: string[];
  timerOptions?: number;
}

You need to import the images to maintain the relative url after building. Then, just pass them in an array.

timerOptions - is the time (in milliseconds) for each interval between slides. It always slides forwards, looping back to the start after it reaches the end.

After user interaction (meaning manually selecting a slide or sliding forwards or backwards), the timer is reset.

If left out, default timer is 6500ms or 6.5 seconds

Usage

import Slider from 'styled-img-slider'
import firstPic from 'url/firstImg.jpg'
import secondPic from 'url/secondImg.jpg'

[...]

<Slider images={[firstPic, secondPic]} timerOptions={5000} />

[...]