Skip to content

fakundo/react-router-transition-group

Repository files navigation

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>
)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published