#html-macro #html #dioxus #rsx #macro

过程宏 dioxus-html-macro

为dioxus应用程序提供的HTML宏

2个不稳定版本

0.3.0 2023年5月11日
0.2.0 2022年7月6日
0.1.0 2021年1月19日

#24 in #rsx

每月下载量31次

Apache-2.0

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