2个不稳定版本
0.3.0 | 2023年5月11日 |
---|---|
0.2.0 | 2022年7月6日 |
0.1.0 |
|
#24 in #rsx
每月下载量31次
32KB
510 行
dioxus html macro
此crate提供类似于html!
的宏,用于dioxus应用程序。它扩展为等效的rsx!
宏调用,因此不依赖于任何dioxus的内部结构。
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>
))
}
请注意,与HTML和JSX不同,html标签的样式通过属性实现
html!(
<h1 color="red">"High-Five counter: {count}"</h1>
)
依赖项
~4MB
~76K SLoC