Struct leptos::TransitionProps
source · pub struct TransitionProps {
pub fallback: ViewFn,
pub set_pending: Option<SignalSetter<bool>>,
pub children: Box<dyn Fn() -> Fragment>,
}
Expand description
Props for the Transition
component.
If any Resource
s are read in the children
of this
component, it will show the fallback
while they are loading. Once all are resolved,
it will render the children
. Unlike Suspense
, this will not fall
back to the fallback
state if there are further changes after the initial load.
Note that the children
will be rendered initially (in order to capture the fact that
those resources are read under the suspense), so you cannot assume that resources have
Some
value in children
.
async fn fetch_cats(how_many: u32) -> Option<Vec<String>> {
Some(vec![])
}
let (cat_count, set_cat_count) = create_signal::<u32>(1);
let (pending, set_pending) = create_signal(false);
let cats =
create_resource(move || cat_count.get(), |count| fetch_cats(count));
view! {
<div>
<Transition
fallback=move || view! { <p>"Loading..."</p>}
set_pending
>
{move || {
cats.read().map(|data| match data {
None => view! { <pre>"Error"</pre> }.into_view(),
Some(cats) => cats
.iter()
.map(|src| {
view! {
<img src={src}/>
}
})
.collect_view(),
})
}
}
</Transition>
</div>
};
§Required Props
- children: [
Box<dyn Fn() -> Fragment>
]- Will be displayed once all resources have resolved.
§Optional Props
- fallback:
impl Into<ViewFn>
- Will be displayed while resources are pending. By default this is the empty view.
- set_pending:
impl Into<SignalSetter<bool>>
- A function that will be called when the component transitions into or out of
the
pending
state, with its argument indicating whether it is pending (true
) or not pending (false
).
- A function that will be called when the component transitions into or out of
the
Fields§
§fallback: ViewFn
Will be displayed while resources are pending. By default this is the empty view.
set_pending: Option<SignalSetter<bool>>
A function that will be called when the component transitions into or out of
the pending
state, with its argument indicating whether it is pending (true
)
or not pending (false
).
children: Box<dyn Fn() -> Fragment>
Will be displayed once all resources have resolved.
Implementations§
Trait Implementations§
Auto Trait Implementations§
impl Freeze for TransitionProps
impl !RefUnwindSafe for TransitionProps
impl !Send for TransitionProps
impl !Sync for TransitionProps
impl Unpin for TransitionProps
impl !UnwindSafe for TransitionProps
Blanket Implementations§
source§impl<T> BorrowMut<T> for Twhere
T: ?Sized,
impl<T> BorrowMut<T> for Twhere
T: ?Sized,
source§fn borrow_mut(&mut self) -> &mut T
fn borrow_mut(&mut self) -> &mut T
source§impl<T> Instrument for T
impl<T> Instrument for T
source§fn instrument(self, span: Span) -> Instrumented<Self>
fn instrument(self, span: Span) -> Instrumented<Self>
source§fn in_current_span(self) -> Instrumented<Self>
fn in_current_span(self) -> Instrumented<Self>
source§impl<T> IntoEither for T
impl<T> IntoEither for T
source§fn into_either(self, into_left: bool) -> Either<Self, Self>
fn into_either(self, into_left: bool) -> Either<Self, Self>
self
into a Left
variant of Either<Self, Self>
if into_left
is true
.
Converts self
into a Right
variant of Either<Self, Self>
otherwise. Read moresource§fn into_either_with<F>(self, into_left: F) -> Either<Self, Self>
fn into_either_with<F>(self, into_left: F) -> Either<Self, Self>
self
into a Left
variant of Either<Self, Self>
if into_left(&self)
returns true
.
Converts self
into a Right
variant of Either<Self, Self>
otherwise. Read more