1 unstable release
0.0.1 | May 22, 2022 |
---|
#29 in #web-programming
11KB
160 lines
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.
lib.rs
:
yew-transition-group provides components that manage transitions for child components
Dependencies
~13MB
~230K SLoC