panel-swiper

0.0.3 • Public • Published

Panel Swiper

A native styled panel swiper for React, animated with react-spring.

Installation

npm install --save panel-swiper

Example

import React from 'react';
import { Swiper, Panel } from 'panel-swiper';
 
function SwipeView() {
  return (
    <Swiper>
      <Panel>Panel 1</Panel>
      <Panel>Panel 2</Panel>
      <Panel>Panel 3</Panel>
    </Swiper>
  );
}

With tabs:

import React from 'react';
import { Swiper, Panel, SwiperTabContainer, SwiperTab } from 'panel-swiper';
 
function SwipeView() {
  return (
    <Swiper>
      <SwiperTabContainer>
        <SwiperTab>Panel 1</SwiperTab>
        <SwiperTab>Panel 2</SwiperTab>
        <SwiperTab>Panel 3</SwiperTab>
      </SwiperTabContainer>
      <Panel>Panel 1</Panel>
      <Panel>Panel 2</Panel>
      <Panel>Panel 3</Panel>
    </Swiper>
  );
}

Readme

Keywords

Package Sidebar

Install

npm i panel-swiper

Weekly Downloads

1

Version

0.0.3

License

MIT

Unpacked Size

22.1 kB

Total Files

12

Last publish

Collaborators

  • jaredkent