euv-example 0.4.8

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
33
34
35
36
37
38
39
40

use crate::*;

/// A custom input component with label and event handling.
///
/// # Arguments
///
/// - `VirtualNode` - The props node containing label, placeholder, and value.
///
/// # Returns
///
/// - `VirtualNode` - A labeled input element.
#[component]
pub(crate) fn form_input(props: VirtualNode) -> VirtualNode {
    let FormInputProps {
        id,
        label: label_string,
        placeholder,
        value,
        autocomplete,
    }: FormInputProps = props.into();
    html! {
        div {
            class: c_form_input_wrapper()
            label {
                r#for: id.clone()
                class: c_form_label()
                label: label_string
            }
            input {
                id: id.clone()
                name: id
                r#type: "text"
                placeholder: placeholder
                value: value
                autocomplete: autocomplete
                class: c_form_input()
            }
        }
    }
}