reactjs/react-transition-groupPublic

NotificationsYou must be signed in to change notification settings
Fork649
Star10.2k

An easy way to perform animations when a React component enters or leaves the DOM

reactcommunity.org/react-transition-group/

License

View license

10.2k stars 649 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 400 Commits
.github		.github
.storybook		.storybook
src		src
stories		stories
test		test
www		www
.babelrc.js		.babelrc.js
.eslintignore		.eslintignore
.eslintrc.yml		.eslintrc.yml
.gitignore		.gitignore
.prettierignore		.prettierignore
.size-snapshot.json		.size-snapshot.json
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
Migration.md		Migration.md
README.md		README.md
package.json		package.json
prettier.config.js		prettier.config.js
rollup.config.js		rollup.config.js
yarn.lock		yarn.lock

Repository files navigation

react-transition-group

ATTENTION! To address many issues that have come up over the years, the API in v2 and above is not backwards compatible with the originalReact addon (v1-stable).
For a drop-in replacement forreact-addons-transition-group andreact-addons-css-transition-group, use the v1 release. Documentation and code for that release are available on thev1-stable branch.
We are no longer updating the v1 codebase, please upgrade to the latest version when possible

A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind.

Documentation

TypeScript

TypeScript definitions are published viaDefinitelyTyped and can be installed via the following command:

npm install @types/react-transition-group

Examples

Clone the repo first:

git@github.com:reactjs/react-transition-group.git

Then runnpm install (oryarn), and finallynpm run storybook to start a storybook instance that you can navigate to in your browser to see the examples.