yew-transition-group 0.0.1

Simple, lightweight components to control the transitions of your components, based on react-transition-group
Documentation
  • Coverage
  • 100%
    13 out of 13 items documented1 out of 1 items with examples
  • Size
  • Source code size: 22.35 kB This is the summed size of all the files inside the crates.io package for this release.
  • Documentation size: 2.85 MB This is the summed size of all files generated by rustdoc for all configured targets
  • Ø build duration
  • this release: 1m 1s Average build duration of successful builds.
  • all releases: 1m 1s Average build duration of successful builds in releases after 2024-10-23.
  • Links
  • Homepage
  • boydjohnson/yew-transition-group
    2 0 0
  • crates.io
  • Dependencies
  • Versions
  • Owners
  • boydjohnson

yew-transition-group

Based off of react-transition-group.

react-transition-group has Transition, CssTransition, and TransitionGroup.

yew-transition-group has only Transition right now. When I get time, TransitionGroup will be implemented. I don't think CssTransition is feasible right now.

Usage

Cargo.toml

[dependencies]
yew-transition-group = "0.0.1"

In view

html !{
<Transition enter={ enter } timeout={ Timeout::new(200) } notification={ notification_callback }>
    <p>{ "Hello World" }</p>
</Transition>

}

Where enter is a boolean, controlling when you want the transition to appear, and notification_callback is a Callback<TransitionState> where you get notified about changes to the TransitionState from Entering -> Entered -> Exiting -> Exited.

Check out the example for more information.