#web-frontend #front-end #web

yew-transition-group

Simple, lightweight components to control the transitions of your components, based on react-transition-group

1 unstable release

0.0.1 May 22, 2022

#29 in #web-programming

MIT/Apache

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