# react-css-transition

[![NPM Version Widget]][npm version]
[![Build Status Widget]][build status]
[![Coverage Widget]][coverage]

_React CSS Transition_ provides a reliable way to transition your components between two states across browers.

[Read the full documentation](https://wikiwi.github.io/react-css-transition/)

[Checkout this CodePen](http://codepen.io/wikiwi/pen/MJQWYY?editors=0010)

## Installation

```sh
npm install react-css-transition --save
```

## Features

- Transition between the _default state_ and the _active state_
- Perform a reverse transition when interrupted
- Define transitions using inline styles or CSS classes
- Transition components when entering or leaving the DOM
- Notify when a transition has finished
- Support the application of initial values before a transition
- Includes typescript definitions
- Falls back to an automatically set timeout in rare edge cases.

## License

MIT


[npm version]: https://www.npmjs.com/package/react-css-transition

[npm version widget]: https://img.shields.io/npm/v/react-css-transition.svg?style=flat-square

[build status]: https://travis-ci.org/wikiwi/react-css-transition

[build status widget]: https://img.shields.io/travis/wikiwi/react-css-transition/master.svg?style=flat-square

[coverage]: https://codecov.io/gh/wikiwi/react-css-transition

[coverage widget]: https://codecov.io/gh/wikiwi/react-css-transition/branch/master/graph/badge.svg