ReactCard
this is a component for React. you can create swipable card easily.
usage
npm install react-card-list --save
;// you can style the cardItem and the outer frame as you like. const opt = distance: 200 //px duration: 150 //msconst view = { return <div> <CardList ref="cl" className=viewport ...opt> 12345678910 </CardList> <button onClick=thisrefsclnext>click me next</button> <button onClick=thisrefscl>click me prev</button> <button onClick=thisrefscl>click me jump to 4th card</button> </div>}
dep
use flipsnap.js, but beyond it, need not set width
for outer div. just put div into it, it works well as well.
demo
!()[https://github.com/IAIAE/ReactCard/blob/master/img/demo.gif]