Generate arbitrary HTML fragments with simple anonymous functions

[kellytk]

Description

I'm submitting a ...

• feature request

I would like to be able to generate HTML fragments with anonymous functions.

// component/mod.rs
fn view(&self) -> Html<Self> {
    html! {
        <div>
            crate::utils::view_button(String::from("ok"))
        </div>
    }
}

// utils/mod.rs
pub fn view_button(label: String) -> Html {
    html! {
        <button
            class=Classes::new().extend("custom-button"),
            type="button">
                { label }
        </button>
    }
}

[jstarry]

@kellytk thanks for the feature request. I think maybe we just need better documentation around this.

I think if you want reusable fragments, you can use two different patterns:

1. Create a new Component

• In your example, you would create a reusable Button component

2. Create a generic function

• In your example, you would write view_button<C>(label: String) -> Html<C>

In your example code, you still would probably want a way to attach a listener to the button. That's why we need generics. Otherwise we can't type check that the listener callback can be handled.