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

use dioxus::prelude::*;

#[derive(Clone, PartialEq, Props)]
pub struct ToggleProps {
    #[props(extends = button, extends = GlobalAttributes)]
    attributes: Vec<Attribute>,
    #[props(optional)]
    checked: Option<bool>,

    #[props(optional)]
    onclick: EventHandler<MouseEvent>,

    children: Element,
}

#[component]
pub fn Toggle(mut props: ToggleProps) -> Element {
    let default_classes = "toggle";
    crate::setup_class_attribute(&mut props.attributes, default_classes);

    let mut interior_sig = use_signal(|| props.checked.unwrap_or_default());

    let onclick = move |event| {
        interior_sig.toggle();
        props.onclick.call(event);
    };

    rsx! {
        button {
            "data-state": if interior_sig() { "checked" } else { "unchecked" },
            r#type: "button",
            onclick,
            ..props.attributes,
            span { class: "toggle-thumb" }
            {props.children}
        }
    }
}