2021-07-06 12:13:00 -04:00
|
|
|
//! Example: README.md showcase
|
|
|
|
//!
|
2021-07-11 19:31:07 -04:00
|
|
|
//! The example from the README.md.
|
2021-07-06 12:13:00 -04:00
|
|
|
|
2021-07-07 13:51:55 -04:00
|
|
|
use dioxus::prelude::*;
|
2021-12-29 21:28:28 -05:00
|
|
|
|
2021-07-06 12:13:00 -04:00
|
|
|
fn main() {
|
2022-07-09 15:15:20 -04:00
|
|
|
dioxus_desktop::launch(app);
|
2021-07-06 12:13:00 -04:00
|
|
|
}
|
|
|
|
|
2022-01-02 18:35:38 -05:00
|
|
|
fn app(cx: Scope) -> Element {
|
2022-12-07 13:11:40 -08:00
|
|
|
let mut count = use_state(cx, || 0);
|
2021-07-06 12:13:00 -04:00
|
|
|
|
|
|
|
cx.render(rsx! {
|
2022-03-05 16:57:09 -05:00
|
|
|
h1 { "High-Five counter: {count}" }
|
2022-03-05 17:07:34 -05:00
|
|
|
button { onclick: move |_| count += 1, "Up high!" }
|
|
|
|
button { onclick: move |_| count -= 1, "Down low!" }
|
2021-07-06 12:13:00 -04:00
|
|
|
})
|
2022-01-02 18:35:38 -05:00
|
|
|
}
|