Thunder Swiper

Feature

1. An great tool displaying the react components on the swiper.
2. Both web and wap are supported.
3. 5 types of swiper are available.

(Switch the type of swiper by changing the value of "swiperType")

• Navigation Swiper -> ("navigation")
• Web Horizontal Swiper -> ("web_horizontal")
• Web Vertical Swiper -> ("web_vertical")
• Wap Horizontal Swiper -> ("wap_horizontal")
• Wap Vertical Swiper -> ("wap_vertical")

How to use

1. import the react components you want to swipe on your page into ComponentList.js file

   import Page1 from '../Example/Page1';
   import Page2 from '../Example/Page2';
   import Page3 from '../Example/Page3';
   

   export {
   Page1 as Component1,
   Page2 as Component2,
   Page3 as Component3
   }
   

2. import the Thunder Swiper into the parent component and use it with the proper parameters.

   <ThunderSwiper
   isOpenSwiper={isOpen}
   isCloseSwiper={this.switchButtonClose}
   swipePageTotalNumber={3}
   swiperType={'navigation'}
   moduleImported={path of ComponentList.js}
   />
   

3. Rock and Roll!

Props

name	definition	default	type
isOpenSwiper	Open this swiper or not	-	bool
isCloseSwiper	Control switch button	-	func
swipePageTotalNumber	Number of the components	-	number
swiperType	Type of the swiper	'navigation'	string
moduleImported	Modules imported in the swiper	-	string