react-slider-views

Mirror for react-swipeable-views because original component do not have a correct support. The component works exactly that react-swipeable-views and you can see the same documentation.

> A React component for swipeable views.

Documentation

$3

- Installation
- Usage
- Example projects
- Supported projects

$3

- Component API

$3

- Supported projects
- Demos

Installation

$3

``sh
npm i --save react-slider-views
`

The problem solved

Check out the demos from a mobile device (real or emulated).
It's tiny (<10 kB gzipped), it quickly renders the first slide, then lazy-loads the others.

Simple example

!usage

$3

`jsx
import React from "react";
import SliderViews from "react-slider-views";

const styles = {
slide: {
padding: 15,
minHeight: 100,
color: "#fff",
},
slide1: {
background: "#FEA900",
},
slide2: {
background: "#B3DC4A",
},
slide3: {
background: "#6AC0FF",
},
};

const MyComponent = () => (

slide n°1

slide n°2

slide n°3

);

export default MyComponent;
`

Supported platforms

Learn about the platforms, from modern to old, that are supported by react-slider-views.

The API is as consistent as possible between the three platforms so
the same component can be used independently on where it's running.

$3

| IE | Edge | Windows Phone | Firefox | Chrome | Safari |
| :---- | :--- | :------------ | :------ | :----- | :----- |
| >= 10 | ✓ | x | >= 28 | >= 29 | >= 8 |

#### Legacy browser support

react-slider-views supports modern browsers out-of-the-box, but requires additional CSS to support legacy browsers. To support IE 10 and older versions of Mobile Safari, include react-slider-views/build/styles/legacy-browser-support.css`.

!browser

$3

!ios

$3

!android