dioxus_bulma/components/
message.rs

1use dioxus::prelude::*;
2use crate::theme::{BulmaColor, BulmaSize};
3use crate::utils::build_class;
4
5#[derive(Props, Clone, PartialEq)]
6pub struct MessageProps {
7    #[props(default)]
8    pub color: Option<BulmaColor>,
9    #[props(default)]
10    pub size: Option<BulmaSize>,
11    #[props(default)]
12    pub id: Option<String>,
13    #[props(default)]
14    pub class: Option<String>,
15    #[props(default)]
16    pub style: Option<String>,
17    pub children: Element,
18}
19
20#[component]
21pub fn Message(props: MessageProps) -> Element {
22    let size = props.size.unwrap_or_default();
23    
24    let base_classes = vec!["message"];
25    let optional_classes = vec![
26        props.color.map(|c| format!("is-{}", c.as_str())),
27        if size != BulmaSize::Normal { Some(size.as_class().to_string()) } else { None },
28        props.class.clone(),
29    ];
30    
31    let final_class = build_class(&base_classes, &optional_classes);
32    let message_style = props.style.as_deref().unwrap_or("");
33
34    rsx! {
35        article {
36            class: "{final_class}",
37            style: "{message_style}",
38            id: props.id.clone(),
39            {props.children}
40        }
41    }
42}
43
44#[derive(Props, Clone, PartialEq)]
45pub struct MessageHeaderProps {
46    #[props(default)]
47    pub closable: Option<bool>,
48    #[props(default)]
49    pub onclose: Option<EventHandler<MouseEvent>>,
50    #[props(default)]
51    pub id: Option<String>,
52    #[props(default)]
53    pub class: Option<String>,
54    #[props(default)]
55    pub style: Option<String>,
56    pub children: Element,
57}
58
59#[component]
60pub fn MessageHeader(props: MessageHeaderProps) -> Element {
61    let closable = props.closable.unwrap_or(false);
62    
63    let base_classes = vec!["message-header"];
64    let optional_classes = vec![props.class.clone()];
65    let final_class = build_class(&base_classes, &optional_classes);
66    let header_style = props.style.as_deref().unwrap_or("");
67
68    rsx! {
69        div {
70            class: "{final_class}",
71            style: "{header_style}",
72            id: props.id.clone(),
73            p { {props.children} }
74            if closable {
75                button {
76                    class: "delete",
77                    "aria-label": "delete",
78                    onclick: move |evt| {
79                        if let Some(handler) = &props.onclose {
80                            handler.call(evt);
81                        }
82                    }
83                }
84            }
85        }
86    }
87}
88
89#[derive(Props, Clone, PartialEq)]
90pub struct MessageBodyProps {
91    #[props(default)]
92    pub id: Option<String>,
93    #[props(default)]
94    pub class: Option<String>,
95    #[props(default)]
96    pub style: Option<String>,
97    pub children: Element,
98}
99
100#[component]
101pub fn MessageBody(props: MessageBodyProps) -> Element {
102    let base_classes = vec!["message-body"];
103    let optional_classes = vec![props.class.clone()];
104    let final_class = build_class(&base_classes, &optional_classes);
105    let body_style = props.style.as_deref().unwrap_or("");
106
107    rsx! {
108        div {
109            class: "{final_class}",
110            style: "{body_style}",
111            id: props.id.clone(),
112            {props.children}
113        }
114    }
115}
dioxus_bulma/components/message.rs

dioxus_bulma/components/
message.rs
