dioxus-tw-components 0.2.11

Components made for Dioxus
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
91
92
93
94
95
96
97
98
99

use dioxus::prelude::*;

#[derive(Clone, PartialEq, Props)]
pub struct SelectGroupProps {
    #[props(extends = select, extends = GlobalAttributes)]
    attributes: Vec<Attribute>,

    #[props(optional)]
    default_value: String,

    #[props(optional)]
    value: Signal<String>,

    #[props(optional)]
    onchange: EventHandler<FormEvent>,

    children: Element,
}

#[component]
pub fn SelectGroup(mut props: SelectGroupProps) -> Element {
    let default_classes = "select-group";
    crate::setup_class_attribute(&mut props.attributes, default_classes);

    let oninput = move |event: FormEvent| {
        props.value.set(event.data.value().clone());
        props.onchange.call(event);
    };

    rsx! {
        select {
            oninput,
            value: props.default_value,
            ..props.attributes,
            {props.children}
        }
    }
}

#[derive(Clone, PartialEq, Props)]
pub struct SelectPlaceholderProps {
    #[props(extends = option, extends = GlobalAttributes)]
    attributes: Vec<Attribute>,

    children: Element,
}

#[component]
pub fn SelectPlaceholder(mut props: SelectPlaceholderProps) -> Element {
    let default_classes = "select-placeholder";
    crate::setup_class_attribute(&mut props.attributes, default_classes);

    rsx! {
        option { disabled: true, selected: true, value: r#"{""}"#, {props.children} }
    }
}

#[derive(Clone, PartialEq, Props)]
pub struct SelectLabelProps {
    #[props(extends = optgroup, extends = GlobalAttributes)]
    attributes: Vec<Attribute>,
}

#[component]
pub fn SelectLabel(mut props: SelectLabelProps) -> Element {
    let default_classes = "select-label";
    crate::setup_class_attribute(&mut props.attributes, default_classes);

    rsx! {
        optgroup { ..props.attributes }
    }
}

#[derive(Clone, PartialEq, Props)]
pub struct SelectItemProps {
    #[props(extends = option, extends = GlobalAttributes)]
    attributes: Vec<Attribute>,

    #[props(optional, default = None)]
    selected: Option<bool>,

    children: Element,
}

#[component]
pub fn SelectItem(mut props: SelectItemProps) -> Element {
    let default_classes = "select-item";
    crate::setup_class_attribute(&mut props.attributes, default_classes);

    if let Some(selected) = props.selected {
        rsx! {
            option { selected, ..props.attributes, {props.children} }
        }
    } else {
        rsx! {
            option { ..props.attributes,{props.children} }
        }
    }
}