dxc-components 0.1.11

DEPRECATED: Use dxc instead.
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

use super::props::MenuItemProps;
// use crate::DxcToolTip;
use dioxus::prelude::*;
use dxc_hooks::UseNamespace;
use dxc_macros::classes;
use dxc_types::namespace::Block;

#[component]
pub fn DxcMenuItem(props: MenuItemProps) -> Element {
    let mut active = use_signal(|| false);
    let disabled = use_signal(|| props.disabled());

    let onclick = move || {
        if !disabled() {
            // props.onclick.call(());
        }
    };

    let ns_menu_item = UseNamespace::new(Block::MenuItem, None);

    let classes = classes! {
        ns_menu_item.b(),
        ns_menu_item.is_(String::from("active"), Some(active())),
        ns_menu_item.is_(String::from("disabled"), Some(disabled()))
    };

    rsx! {
        li {
            class: classes,
            role: "menuitem",
            tabindex: "-1",
            onclick: move |_| {
                active.set(true);
            },
        }
    }
}