1.2.4 • Published 11 months ago
transitions-kit v1.2.4
TransitionsKit
A set of predefined transition components build on top of react-transition-gorup
Implementation is based on Mui source code.
See the demo
Usage example
Fade:
<Fade in={open}>
<img src='https://picsum.photos/400' />
</Fade>
Slide:
<Slide direction='up' in={checked} container={containerRef.current}>
content
</Slide>
Grow:
<Grow in={open} timeout={500}>
<img src='https://picsum.photos/400' />
</Grow>
Collapse:
<Collapse in={open} unmountOnExit>
<img src='https://picsum.photos/400' />
</Collapse>
Zoom:
<Zoom in={open} timout={500}>
<img src='https://picsum.photos/400' />
</Zoom>
Blur:
<Blur in={open} timout={500}>
<img src='https://picsum.photos/400' />
</Blur>
Child requirements:
- Forward the ref: The transition components require the first child element to forward its ref to the DOM node.
- Single element: The transition components require only one child element (React.Fragment is not allowed).
1.2.4
11 months ago
1.2.3
1 year ago
1.2.2
2 years ago
1.2.0
2 years ago
1.2.1
2 years ago
1.1.16
2 years ago
1.1.15
2 years ago
1.1.13
2 years ago
1.1.18
2 years ago
1.1.17
2 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.1.9
3 years ago
1.1.8
3 years ago
1.0.9
3 years ago
1.1.7
3 years ago
1.0.8
3 years ago
1.1.6
3 years ago
1.0.7
3 years ago
1.1.5
3 years ago
1.0.6
3 years ago
1.1.4
3 years ago
1.0.5
3 years ago
1.1.3
3 years ago
1.1.2
3 years ago
1.1.12
3 years ago
1.1.11
3 years ago
1.1.10
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago