dioxus-mirror/examples/core_reference/basics.rs

//! Example: The basics of Dioxus
//! ----------------------------
//!
//! This small example covers some of the basics of Dioxus including
//! - Components
//! - Props
//! - Children
//! - the rsx! macro

use dioxus::prelude::*;

pub fn Example(cx: Scope) -> Element {
    cx.render(rsx! {
        div {
            Greeting {
                name: "Dioxus"
                div { "Dioxus is a fun, fast, and portable UI framework for Rust" }
            }
        }
    })
}

#[derive(PartialEq, Props)]
struct GreetingProps<'a> {
    name: &'static str,
    children: Element<'a>,
}

pub fn Greeting<'a>(cx: Scope<'a, GreetingProps<'a>>) -> Element {
    cx.render(rsx! {
        div {
            h1 { "Hello, {cx.props.name}!" }
            p { "Welcome to the Dioxus framework" }
            br {}
            &cx.props.children
        }
    })
}