use super::super::component::*;
use dioxus::prelude::*;
#[component]
pub fn Demo() -> Element {
let mut selected_item = use_signal(|| None);
rsx! {
ContextMenu {
ContextMenuTrigger { "right click here" }
ContextMenuContent {
ContextMenuItem {
value: "edit".to_string(),
index: 0usize,
on_select: move |value| {
selected_item.set(Some(value));
},
"Edit"
}
ContextMenuItem {
value: "undo".to_string(),
index: 1usize,
disabled: true,
on_select: move |value| {
selected_item.set(Some(value));
},
"Undo"
}
ContextMenuItem {
value: "duplicate".to_string(),
index: 2usize,
on_select: move |value| {
selected_item.set(Some(value));
},
"Duplicate"
}
ContextMenuItem {
value: "delete".to_string(),
index: 3usize,
on_select: move |value| {
selected_item.set(Some(value));
},
"Delete"
}
}
}
if let Some(item) = selected_item() {
span { margin_left: "10px", "Selected: {item}" }
}
}
}