https://github.com/jossmac/react-view-transition

🎟 Animate views as they mount/unmout
https://github.com/jossmac/react-view-transition

react transition view

Last synced: about 1 year ago
JSON representation

🎟 Animate views as they mount/unmout

• Host: GitHub
• URL: https://github.com/jossmac/react-view-transition
• Owner: jossmac
• License: mit
• Created: 2018-06-02T00:40:46.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-05T04:06:26.000Z (about 8 years ago)
• Last Synced: 2024-10-04T19:44:34.609Z (over 1 year ago)
• Topics: react, transition, view
• Language: JavaScript
• Homepage: https://jossmac.github.io/react-view-transition
• Size: 131 KB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React View Transition

Animate views as they mount/unmount.

https://jossmac.github.io/react-view-transition

```jsx

import TransitionProvider from 'react-view-transition';

const Slider = ({ views }) => (

  

    {views.map(v => 
{v.label}
)}

  

);

Slider.defaultProps = {

  views: [

    { key: 'first', label: 'First View' },

    { key: 'second', label: 'Second View' },

    { key: 'third', label: 'Third View' },

  ],

};

```


## Alternatives

This component is intentionally simple. For more a sophisticated alternative checkout:

- https://github.com/souporserious/react-view-pager