dioxus html macro
This crate offers an html! like macro for dioxus applications. It expands to the equivalent rsx! macro call you would have made otherwise, so it does not rely on any dioxus' internals.
use dioxus::prelude::*;
use dioxus_html_macro::html;
fn app(cx: Scope) -> Element {
let mut count = use_state(&cx, || 0);
cx.render(html!(
<h1>"High-Five counter: {count}"</h1>
<button onclick={move |_| count += 1}>"Up high!"</button>
<button onclick={move |_| count -= 1}>"Down low!"</button>
))
}
Note that unlike HTML and JSX, styling of html tags is done via attributes:
html!(
<h1 color="red">"High-Five counter: {count}"</h1>
)
13 Jan 18, 2023
6 Jan 31, 2023
57 Jul 12, 2023
9 Aug 7, 2023
4 Oct 24, 2023
3 Mar 30, 2024
4 Apr 9, 2024
22k Jan 3, 2023
6 Nov 25, 2022
5 Nov 9, 2022
6 Jul 28, 2023
8 Sep 16, 2024
8 Dec 28, 2022
9 Oct 9, 2022
13 Dec 19, 2022
13 Jan 25, 2023