1.2.3 • Published 1 month ago
transitions-kit v1.2.3
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.3
1 month ago
1.2.2
8 months ago
1.2.0
12 months ago
1.2.1
12 months ago
1.1.16
1 year ago
1.1.15
1 year ago
1.1.13
1 year ago
1.1.18
1 year ago
1.1.17
1 year ago
1.1.1
2 years ago
1.1.0
2 years ago
1.1.9
2 years ago
1.1.8
2 years ago
1.0.9
2 years ago
1.1.7
2 years ago
1.0.8
2 years ago
1.1.6
2 years ago
1.0.7
2 years ago
1.1.5
2 years ago
1.0.6
2 years ago
1.1.4
2 years ago
1.0.5
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.1.12
2 years ago
1.1.11
2 years ago
1.1.10
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago