euv-example 0.5.7

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 crate::*;

/// Renders a standard page header with a title and subtitle.
///
/// Produces a consistent `div > h1 + p` structure used by every demo page
/// in the example application.
///
/// # Arguments
///
/// - `PageHeaderProps` - The typed props containing title and subtitle.
/// - `VirtualNode` - The children nodes.
///
/// # Returns
///
/// - `VirtualNode` - The page header virtual DOM tree.
#[component]
pub(crate) fn page_header(mut node: VirtualNode<PageHeaderProps>) -> VirtualNode {
    let PageHeaderProps { title, subtitle } = node.try_take_props().unwrap_or_default();
    html! {
        div {
            class: c_page_header()
            h1 {
                class: c_page_title()
                title
            }
            p {
                class: c_page_subtitle()
                subtitle
            }
        }
    }
}