textiler-core 0.1.0

Provides the core utilities to get textiler to work
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

use yew::{Children, function_component, html, Html, Properties};

use crate::{components::system::StylingBox, sx, theme::sx::SxValue};
use crate::system::{ColorProp, VariantProp};
use crate::theme::sx::Sx;

#[derive(Default, Debug, Clone, PartialEq, Properties)]
pub struct SheetProps {
    #[prop_or_default]
    pub sx: Sx,
    #[prop_or_default]
    pub variant: VariantProp,
    #[prop_or_default]
    pub color: ColorProp,
    #[prop_or_default]
    pub children: Children,
}

#[function_component]
pub fn Sheet(props: &SheetProps) -> Html {
    let sx = props.sx.clone().merge(sx! {
        "bgcolor": SxValue::var("sheet", "background-color", None),
    });
    let SheetProps { color, variant, .. } = props;

    html! {
        <StylingBox {sx} class={yew::classes!("sheet")} {color} {variant}>
            {for props.children.clone()}
        </StylingBox>
    }
}

#[cfg(test)]
mod tests {
    use yew::{html, ServerRenderer};

    use super::*;

    #[tokio::test]
    async fn render_sheet() {
        #[function_component]
        fn Test() -> Html {
            html! {
                <Sheet>

                </Sheet>
            }
        }

        let rendered = ServerRenderer::<Test>::new().render().await;
        println!("{rendered:?}")
    }
}