freya_router/components/
outlet.rs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
use dioxus_lib::prelude::*;

use crate::prelude::{
    outlet::OutletContext,
    *,
};

/// An outlet for the current content.
///
/// The [`Outlet`] is aware of how many [`Outlet`]s it is nested within. It will render the content
/// of the active route that is __exactly as deep__.
///
/// # Example
/// ```rust
/// # use freya::prelude::*;
/// # use freya_router::prelude::*;
/// #[derive(Clone, Routable)]
/// #[rustfmt::skip]
/// enum Route {
///     #[nest("/wrap")]
///         #[layout(Wrapper)] // Every layout component must have one Outlet
///             #[route("/")]
///             Child {},
///         #[end_layout]
///     #[end_nest]
///     #[route("/")]
///     Index {},
/// }
///
/// #[component]
/// fn Index() -> Element {
///     rsx!(
///         label {
///             "Index"
///         }
///     )
/// }
///
/// #[component]
/// fn Wrapper() -> Element {
///     rsx!(
///         label { "App" }
///         Outlet::<Route> {} // The content of child routes will be rendered here
///     )
/// }
///
/// #[component]
/// fn Child() -> Element {
///     rsx!(
///         label {
///             "Child"
///         }
///     )
/// }
/// ```
pub fn Outlet<R: Routable + Clone>() -> Element {
    OutletContext::<R>::render()
}