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-07-06 16:13:00 +00:00
|
|
|
fn main() {
|
2021-07-11 23:31:07 +00:00
|
|
|
dioxus::desktop::launch(App, |c| c);
|
2021-07-06 16:13:00 +00:00
|
|
|
}
|
|
|
|
|
2021-10-16 21:37:28 +00:00
|
|
|
static App: FC<()> = |(cx, props)| {
|
2021-07-09 03:25:27 +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-07-09 03:25:27 +00:00
|
|
|
button { onclick: move |_| count += 1, "Up high!" }
|
|
|
|
button { onclick: move |_| count -= 1, "Down low!" }
|
|
|
|
}
|
2021-07-06 16:13:00 +00:00
|
|
|
})
|
2021-07-09 03:25:27 +00:00
|
|
|
};
|