elements, one for the front and one for the back.

``js
import React from "react";
import ReactDOM from "react-dom";
import ReactCardFlipper from "react-card-flipper";

ReactDOM.render(


,
document.getElementById("root")
);
`

Props and Options

The ReactCardFlipper component has 4 props it accepts that you can use to adjust
how your card behaves.

| Prop / Option | Accepted Prop(s) | Default | Description |
| ------------- | :-------------------------: | :-----: | ----------------------------------------------------------------------------------- |
| width | String (ex: 300px) | auto | Card width. |
| height | String (ex: 600px) | auto | Card height. |
| behavior | String (click or hover) | click | If the card should click to flip, or hover to flip. |
| levitate | Boolean | false | If the card should "levitate" up on hover. Only applied when behavior is click. |

#### Example:

`js
render() {
return(



)
}
`

Styling

Out of the box we provide very little styling aside from core styles like transitions
to let you shape the design as you see fit. You can style your cards by passing className's as props.
To style the card itself, you want to use innerCardClass, for the card container itself you
would use a normal className. You can see a working example here or reference the following code snippet (this example is using react-jss):

`js
width="300px"
height="400px"
behavior="click"
className={classes.root}
innerCardClass={classes.card}
>


Great job! You win person of the month.

`

Development

To get started developing on this project, fork or clone the repo. Then run yarn install

#### Start the development server

##### yarn start

Starts the development/test server and polls for changes.

#### Running EsLint

##### yarn lint

Lints ReactCardFlipper.js and outputs any warnings or errors.

#### Running Tests

##### yarn test

Runs EsLint, and builds the test output.

#### Running Production Build

##### yarn build

Compiles a new build in the dist/` folder.