0.0.3 • Published 5 years ago
panel-swiper v0.0.3
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>
);
}