daisy_rsx 0.1.56

Daisy UI components for the Dioxus Rust library.
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90

#![allow(non_snake_case)]

use dioxus::prelude::*;

#[derive(Props, Clone, PartialEq)]
pub struct ModalProps {
    trigger_id: String,
    children: Element,
    submit_action: Option<String>,
    class: Option<String>,
}

#[component]
pub fn Modal(props: ModalProps) -> Element {
    rsx!(
        if let Some(action) = &props.submit_action {
            form { action: "{action}", method: "post",
                dialog {
                    class: "modal {props.class.clone().unwrap_or_default()}",
                    id: "{props.trigger_id}",
                    popover: "auto",
                    {props.children}
                }
            }
        } else {
            dialog {
                class: "modal {props.class.clone().unwrap_or_default()}",
                id: "{props.trigger_id}",
                popover: "auto",
                {props.children}
            }
        }
    )
}

#[derive(Props, Clone, PartialEq)]
pub struct ModalBodyProps {
    children: Element,
    class: Option<String>,
}

#[component]
pub fn ModalBody(props: ModalBodyProps) -> Element {
    rsx!(
        div { class: "modal-box {props.class.clone().unwrap_or_default()}", {props.children} }
    )
}

#[derive(Props, Clone, PartialEq)]
pub struct ModalActionProps {
    children: Element,
    class: Option<String>,
}

#[component]
pub fn ModalAction(props: ModalActionProps) -> Element {
    rsx!(
        div { class: "modal-action {props.class.clone().unwrap_or_default()}", {props.children} }
    )
}

#[test]
fn test_modal() {
    let props = ModalProps {
        children: rsx!( "Hello" ),
        class: Some("test".to_string()),
        submit_action: Some("test".to_string()),
        trigger_id: "id".to_string(),
    };

    let expected = r#"<form action="test" method="post"><dialog class="modal test" id="id" popover="auto">Hello</dialog></form>"#;
    let result = dioxus_ssr::render_element(Modal(props));
    // println!("{}", result);
    assert_eq!(expected, result);
}

#[test]
fn test_modal_without_submit_action() {
    let props = ModalProps {
        children: rsx!( "Hello" ),
        class: Some("test".to_string()),
        submit_action: None,
        trigger_id: "id".to_string(),
    };

    let expected = r#"<dialog class="modal test" id="id" popover="auto">Hello</dialog>"#;
    let result = dioxus_ssr::render_element(Modal(props));
    // println!("{}", result);
    assert_eq!(expected, result);
}