use dioxus::prelude::*;
use dioxus_toast::{ToastInfo, ToastManager};
fn main() {
launch(app)
}
fn app() -> Element {
std::panic::set_hook(Box::new(|info| {
println!("Panic: {}", info);
}));
let mut toast = use_signal(|| ToastManager::default());
rsx! {
dioxus_toast::ToastFrame {
manager: toast
}
div {
button {
onclick: move |_| {
let _id = toast.write().popup(ToastInfo::simple("hello world"));
println!("New Toast ID: {}", _id);
},
"Normal Toast"
}
button {
onclick: move |_| {
let _id = toast.write().popup(ToastInfo::success("Hello World!", "Success"));
println!("New Toast ID: {}", _id);
},
"Success Toast"
}
button {
onclick: move |_| {
let _id = toast.write().popup(ToastInfo {
heading: Some("top-right".into()),
context: "Top Right Toast".into(),
allow_toast_close: true,
position: dioxus_toast::Position::TopRight,
icon: None,
hide_after: None
});
},
"Top Right"
}
}
}
}
use dioxus::prelude::*;
fn main() {
launch(app)
}
fn app() -> Element {
let toast = use_context_provider(|| Signal::new(ToastManager::default()));
rsx! {
ToastFrame { manager: toast }
div {
hello {}
}
}
}
#[component]
fn hello() -> Element {
// use_context can help you pass toast-manager to different components
let mut toast: Signal<ToastManager> = use_context();
rsx! {
button {
onclick: move |_| {
let _ = toast.write().popup(ToastInfo::simple("hello world"));
}
"Click here!"
}
}
}