react-cards-stack

react-cards-stack

A react component for creating cards stack for a quiz.

Note : Screenshot source http://wordbook.imabhi.in

#Installation

npm install react-cards-stack --save

#Usage

import Reactcardstack from 'react-cards-stack'
 
class Yourcomponent extends React.Component {
  render(){
    return (
      <Reactcardstack images={<Pass your images array here>} />
    )
  }
 
 export Yourcomponent;

#Props

• images : An array of images for e.g. ['imgurl1', 'imgurl2']
• imgclass : "String" - CSS
• postivebtnlabel : "String" | default - Yes
• negativebtnlabel : "String" | default - No
• onstackendfn : "Function" | Will be called on Stack End | Note : Will only works if 'infinite' is set 'false'
• postivebtnclass : "String" - CSS
• negativebtnclass : "String" - CSS
• query : "String" - For specifying message
• queryclass : "String" - CSS
• effect : "String" | default - krisna | Effect Ref: https://tympanus.net/Development/CardStackEffects/
• infinite : "Boolean" | default - false | Note : If 'infinite' is 'true' then onstackendfn won't be invoke.

#Upcoming Features

• Animations delay and duration control
• 'onstackendfn' will get object of +ve & -ve response count.

#Feature Request

Drop a mail on [e-mail] for any new feature request.