Skip to content
This repository has been archived by the owner on May 7, 2019. It is now read-only.

damusnet/react-swipe-views

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WARNING DEPRECATION NOTICE

This library is not maintained anymore. Do not use it.

It has not been updated since React 0.14 and breaks with versions of React Router higher than 0.13.

Check out react-swipeable-views instead.

React Swipe Views deprecated

A React component for binded Tabs and Swipeable Views

See Swipe Views on the Android Design Patterns website for inspiration.

Works with optional React Router (v0.13.x only), as a pure component or as a standalone component.

Demo

Live example

Demo

Quick Example

'use strict';

import React from 'react';
import SwipeViews from 'react-swipe-views';

export default class App extends React.Component {
  render() {
    return (
      <SwipeViews>
        <div title="Tab 1">
          Page 1
        </div>
        <div title="Tab 2">
          Page 2
        </div>
        <div title="Tab 3">
          Page 3
        </div>
      </SwipeViews>
    );
  }
}

Install

This component is available as an npm module or a bower component:

npm install react-swipe-views --save

or

bower install react-swipe-views --save

Examples

There are two example projects in the /examples folder. One is using the npm module and webpack as a build tool with react-router, the other uses bower and brunch as a pure component.

TODO List

  • Allow for content to be inserted in the header
  • Write tests

Thanks

License

MIT