dioxus_bulma/components/
table.rs1use dioxus::prelude::*;
2use crate::theme::BulmaSize;
3use crate::utils::build_class;
4
5#[derive(Props, Clone, PartialEq)]
6pub struct TableProps {
7 #[props(default)]
8 pub bordered: Option<bool>,
9 #[props(default)]
10 pub striped: Option<bool>,
11 #[props(default)]
12 pub narrow: Option<bool>,
13 #[props(default)]
14 pub hoverable: Option<bool>,
15 #[props(default)]
16 pub fullwidth: Option<bool>,
17 #[props(default)]
18 pub size: Option<BulmaSize>,
19 #[props(default)]
20 pub id: Option<String>,
21 #[props(default)]
22 pub class: Option<String>,
23 #[props(default)]
24 pub style: Option<String>,
25 pub children: Element,
26}
27
28#[component]
29pub fn Table(props: TableProps) -> Element {
30 let bordered = props.bordered.unwrap_or(false);
31 let striped = props.striped.unwrap_or(false);
32 let narrow = props.narrow.unwrap_or(false);
33 let hoverable = props.hoverable.unwrap_or(false);
34 let fullwidth = props.fullwidth.unwrap_or(false);
35 let size = props.size.unwrap_or_default();
36
37 let base_classes = vec!["table"];
38 let optional_classes = vec![
39 if bordered { Some("is-bordered".to_string()) } else { None },
40 if striped { Some("is-striped".to_string()) } else { None },
41 if narrow { Some("is-narrow".to_string()) } else { None },
42 if hoverable { Some("is-hoverable".to_string()) } else { None },
43 if fullwidth { Some("is-fullwidth".to_string()) } else { None },
44 if size != BulmaSize::Normal { Some(size.as_class().to_string()) } else { None },
45 props.class.clone(),
46 ];
47
48 let final_class = build_class(&base_classes, &optional_classes);
49 let table_style = props.style.as_deref().unwrap_or("");
50
51 rsx! {
52 table {
53 class: "{final_class}",
54 style: "{table_style}",
55 id: props.id.clone(),
56 {props.children}
57 }
58 }
59}
60
61#[derive(Props, Clone, PartialEq)]
62pub struct TableContainerProps {
63 #[props(default)]
64 pub id: Option<String>,
65 #[props(default)]
66 pub class: Option<String>,
67 #[props(default)]
68 pub style: Option<String>,
69 pub children: Element,
70}
71
72#[component]
73pub fn TableContainer(props: TableContainerProps) -> Element {
74 let base_classes = vec!["table-container"];
75 let optional_classes = vec![props.class.clone()];
76 let final_class = build_class(&base_classes, &optional_classes);
77 let style = props.style.as_deref().unwrap_or("");
78
79 rsx! {
80 div {
81 class: "{final_class}",
82 style: "{style}",
83 {props.children}
84 }
85 }
86}