Demonstrate components, slots and parameters in the demo

2023-03-04 11:06:24 +00:00 · 2023-03-04 11:06:24 +00:00 · b3015929a4
commit b3015929a4
parent 27d27a6955
2 changed files with 14 additions and 0 deletions
--- a/demo_hornbeam_project/templates/components/TestComponent.hnb
+++ b/demo_hornbeam_project/templates/components/TestComponent.hnb
@ -0,0 +1,5 @@
+div {style = "padding: 3em; background-color: #8eb; margin: 1em;"}
+  h1
+    optional slot :title
+  div {style = "padding: ${$padding}em; background-color: #eb8;"}
+    slot :main
--- a/demo_hornbeam_project/templates/pages/say_hello.hnb
+++ b/demo_hornbeam_project/templates/pages/say_hello.hnb
@ -6,3 +6,12 @@ html
    body
        h1
            @hello{$name}
+        TestComponent {padding=1}
+            :title
+                "Title slot"
+            :main
+                "Main slot"
+
+        hr
+        TestComponent {padding=4}
+            "No title slot on this one!"