2.0.5 • Published 5 years ago

react-router-transition-group v2.0.5

Weekly downloads
4
License
UNLICENSED
Repository
github
Last release
5 years ago

react-router-transition-group

npm

Transitions for react-router.

Installation

npm install react-router-transition-group

Demo

Demo / Source

Usage

  • Add transition property to Switch component
  • You also can override transition for each Route component
  • transition is a Transition component from react-transition-group
  • To disable transitions between some routes, you can group them by passing the same transitionKey property to Route component
import React from 'react'
import { Route } from 'react-router-dom'
import { Switch } from 'react-router-transition-group'

import MyTransition from 'components/MyTransition'
import HomePage from 'components/HomePage'
import NotFoundPage from 'components/NotFoundPage'

export default () => (
  <Switch transition={MyTransition} component={Fragment} exit>
    <Route exact path="/" component={HomePage} />
    <Route component={NotFoundPage} />
  </Switch>
)
2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.0.0

6 years ago