use crate::components::button::component::Button;
use super::super::component::*;
use dioxus::prelude::*;
#[component]
pub fn Demo() -> Element {
let mut open = use_signal(|| false);
let mut confirmed = use_signal(|| false);
rsx! {
Button {
r#type: "button",
"data-style": "outline",
style: "margin-bottom: 1.5rem;",
onclick: move |_| open.set(true),
"Show Alert Dialog"
}
AlertDialog { open: open(), on_open_change: move |v| open.set(v),
AlertDialogTitle { "Delete item" }
AlertDialogDescription { "Are you sure you want to delete this item? This action cannot be undone." }
AlertDialogActions {
AlertDialogCancel { "Cancel" }
AlertDialogAction { on_click: move |_| confirmed.set(true), "Delete" }
}
}
if confirmed() {
p { style: "color: var(--contrast-error-color); margin-top: 16px; font-weight: 600;",
"Item deleted!"
}
}
}
}