Intro to Dioxus 0.7

Step 2 / 6

Components & Props

Components are the building blocks of a Dioxus UI. They are plain functions annotated with #[component] that return Element. Props are just function arguments — no macro magic needed.

src/main.rs

#[component]
fn Greeting(name: String) -> Element {
    rsx! {
        div {
            class: "greeting",
            "Hello, {name}!"
        }
    }
}

💡 Tip: Props must be owned

Props must implement PartialEq and Clone. Use String instead of &str.

Step 2 / 6

◀ Prev Next ▶