react-css-transition
Version:
CSS Transition Component for React
47 lines (28 loc) • 1.43 kB
Markdown
# 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