1.2.4 • Published 11 months ago

transitions-kit v1.2.4

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

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