https://github.com/DioxusLabs/dioxus-html-macro

An html macro for dioxus applications.
https://github.com/DioxusLabs/dioxus-html-macro

Last synced: about 2 months ago
JSON representation

An html macro for dioxus applications.

• Host: GitHub
• URL: https://github.com/DioxusLabs/dioxus-html-macro
• Owner: DioxusLabs
• License: apache-2.0
• Created: 2022-07-05T23:41:13.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-21T13:03:00.000Z (9 months ago)
• Last Synced: 2024-07-05T15:02:54.429Z (3 months ago)
• Language: Rust
• Size: 92.8 KB
• Stars: 26
• Watchers: 2
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-rust-list - DioxusLabs/dioxus-html-macro - html-macro?style=social"/> : An html macro for dioxus applications. (GUI)
• awesome-rust-list - DioxusLabs/dioxus-html-macro - html-macro?style=social"/> : An html macro for dioxus applications. (GUI)

README

        

# 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. 

```rust

use dioxus::prelude::*; 

use dioxus_html_macro::html; 

fn app(cx: Scope) -> Element {

    let mut count = use_state(&cx, || 0);

    cx.render(html!(

        
"High-Five counter: {count}"

        "Up high!"

        "Down low!"

    ))

}

```

Note that unlike HTML and JSX, styling of html tags is done via 

attributes: 

```rust

html!(

    
"High-Five counter: {count}"

)

```