2 unstable releases
0.3.0 | May 11, 2023 |
---|---|
0.2.0 | Jul 6, 2022 |
0.1.0 |
|
#23 in #rsx
32KB
510 lines
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>
)
Dependencies
~4MB
~81K SLoC