Jonathan Kelley
f2b1c6d97f
overhaul dioxus fullstack using a new implementation of server_fn This PR is a complete rewrite of dioxus fullstack designed to improve compatibility with axum and to fix a number of compilation errors based on feature flag unification plumbing through macros.
33 lines
940 B
Rust
33 lines
940 B
Rust
//! Dioxus allows webcomponents to be created with a simple syntax.
|
|
//!
|
|
//! Read more about webcomponents [here](https://developer.mozilla.org/en-US/docs/Web/Web_Components)
|
|
//!
|
|
//! We typically suggest wrapping webcomponents in a strongly typed interface using a component.
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::launch(app);
|
|
}
|
|
|
|
fn app() -> Element {
|
|
rsx! {
|
|
div {
|
|
h1 { "Web Components" }
|
|
CoolWebComponent { my_prop: "Hello, world!".to_string() }
|
|
}
|
|
}
|
|
}
|
|
|
|
/// A web-component wrapped with a strongly typed interface using a component
|
|
#[component]
|
|
fn CoolWebComponent(my_prop: String) -> Element {
|
|
rsx! {
|
|
// rsx! takes a webcomponent as long as its tag name is separated with dashes
|
|
web-component {
|
|
// Since web-components don't have built-in attributes, the attribute names must be passed as a string
|
|
"my-prop": my_prop,
|
|
}
|
|
}
|
|
}
|