euv-example 0.28.1

An example application demonstrating the euv UI framework with reactive signals, custom components, and WebAssembly.
Documentation 
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

use super::*;

/// A 404 not found page component.
///
/// # Returns
///
/// - `VirtualNode` - The 404 page virtual DOM tree.
#[component]
pub(crate) fn page_not_found(node: VirtualNode<PageNotFoundProps>) -> VirtualNode {
    let PageNotFoundProps: PageNotFoundProps = node.try_get_props().unwrap_or_default();
    html! {
        div {
            class: c_page_container()
            euv_header {
                icon: "🔍"
                title: "404 Not Found"
                subtitle: "The page you are looking for does not exist or has been moved."
            }
            euv_card {
                title: "Navigation"
                div {
                    class: c_button_controls()
                    euv_button {
                        variant: EuvButtonVariant::Primary
                        label: "Back to Home"
                        onclick: not_found_on_go_home()
                    }
                }
            }
        }
    }
}