# transition-route

> A simple TransitionRoute for React Router 4

Latest version **0.1.0** (published 2017-07-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install transition-route
pnpm add transition-route
yarn add transition-route
bun add transition-route
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2017-07-08 |
| First published | 2017-07-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=6 |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Eric Andre |
| Maintainers | ericandre615 |

## Links

- npm: https://www.npmjs.com/package/transition-route
- Repository: https://github.com/ericandre615/transition-route
- Issues: https://github.com/ericandre615/transition-route/issues
- npm.io page: https://npm.io/package/transition-route

## Dependencies (4)

- [react](https://npm.io/package/react.md) ^15.4.2
- [react-dom](https://npm.io/package/react-dom.md) ^15.4.2
- [react-router](https://npm.io/package/react-router.md) ^4.0.0
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^1.1.2

## Recent versions

- 0.1.0 (latest) — 2017-07-08

## README

# TransitionRoute
## React Router v4

A simple TransitionRoute component that uses CSSTransitionGroup to easily add
routes that have a transition/animation applied. Use it as you would any other react router 4 route. You can use several in a `<Switch />`. Uses the same props as CSSTransitionGroup and you use the same css setup.

```
import TransitionRoute from 'transition-route';

<TransitionRoute
  key="sub-page"
  transitionName="translate-view"
  transitionEnterTimeout={ 500 }
  transitionLeaveTimeout={ 500 }
  transitionAppear
  transitionAppearTimeout={ 500 }
  path="/subpage/path"
  component={ SubPage }
/>
```

---
_Source: https://npm.io/package/transition-route · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._