2021-07-06 16:13:00 +00:00
|
|
|
//! Example: README.md showcase
|
|
|
|
//!
|
2021-07-11 23:31:07 +00:00
|
|
|
//! The example from the README.md.
|
2021-07-06 16:13:00 +00:00
|
|
|
|
2021-07-07 17:51:55 +00:00
|
|
|
use dioxus::prelude::*;
|
2021-12-30 02:28:28 +00:00
|
|
|
|
2021-07-06 16:13:00 +00:00
|
|
|
fn main() {
|
2022-01-02 23:35:38 +00:00
|
|
|
dioxus::desktop::launch(app);
|
2021-07-06 16:13:00 +00:00
|
|
|
}
|
|
|
|
|
2022-01-02 23:35:38 +00:00
|
|
|
fn app(cx: Scope) -> Element {
|
2021-12-30 08:14:47 +00:00
|
|
|
let mut count = use_state(&cx, || 0);
|
2021-07-06 16:13:00 +00:00
|
|
|
|
|
|
|
cx.render(rsx! {
|
2021-07-09 03:25:27 +00:00
|
|
|
div {
|
2021-07-11 23:31:07 +00:00
|
|
|
h1 { "High-Five counter: {count}" }
|
2021-12-30 08:14:47 +00:00
|
|
|
button { onclick: move |_| count += 1, "Up high!" }
|
|
|
|
button { onclick: move |_| count -= 1, "Down low!" }
|
2021-07-09 03:25:27 +00:00
|
|
|
}
|
2021-07-06 16:13:00 +00:00
|
|
|
})
|
2022-01-02 23:35:38 +00:00
|
|
|
}
|