use html! in transformer demonstration

yewstack · Oct 20, 2020 · 620e503 · 620e503
1 parent effced3
commit 620e503
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/docs/concepts/html/components.md b/docs/concepts/html/components.md
@@ -138,8 +138,15 @@ struct Props {
     text: String,
 }
 
+struct Model;
+impl Component for Model {
+    type Properties = Props;
+
+    // ...
+}
+
 // transformers allow you to write this:
-yew::props!(Props { unique_id: 5, text: "literals are fun" });
+html! { <Model unique_id=5 text="literals are fun" /> };
 // instead of:
-yew::props!(Props { unique_id: Some(5), text: "literals are fun".to_owned() });
+html! { <Model unique_id=Some(5) text="literals are fun".to_owned() /> };
 ```