Popularity
3.8
Growing
Activity
0.0
Stable
277
15
47

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: UI Components     Tabs     UI Navigation     React     React-component     Reactjs     Swipe     Views    
Latest version: v0.0.12

react-swipe-views alternatives and similar libraries

Based on the "UI Navigation" category

Do you think we are missing an alternative of react-swipe-views or a related project?

Add another 'UI Navigation' Library

README

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](docs/demo.gif)

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](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


*Note that all licence references and agreements mentioned in the react-swipe-views README section above are relevant to that project's source code only.