Added some more examples

jeremy-holt · Jan 22, 2020 · c6fdc87 · c6fdc87
1 parent b6f41d1
commit c6fdc87
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/locales/en/translation.yaml b/locales/en/translation.yaml
@@ -1,2 +1,2 @@
 welcome-label: Welcome to our <strong>Test for markup in the label</strong>
-welcome-caption: This is the test <em>for the caption</em>
+welcome-caption: This is the test <em>for the caption &numero;</em>
diff --git a/src/app.css b/src/app.css
@@ -1,6 +1,6 @@
 .text-primary 
 {
-  color: blue;
+  color: red;
 }
 
 section {

diff --git a/src/app.html b/src/app.html
@@ -18,19 +18,24 @@
     <test-label t="[html]welcome-label"></test-label>
   </section>
 
+
   <section>
     <p>
       t is bound to [caption] property. Again does not pickup the markup
     </p>
     <test-label t="[caption]welcome-caption"></test-label>
   </section>
 
+
   <section>
     <p>
       I want to bind t to [html] AND to [caption]
     </p>
     <test-label t="[html]welcome-caption"></test-label>
     <test-label t="[caption]welcome-caption"></test-label>
+
+    <test-label t="[caption]welcome-caption;[html]welcome-caption"></test-label>
+    <test-label t="[caption][html]welcome-caption"></test-label>
   </section>
 
 

diff --git a/src/test-label-custom-element.html b/src/test-label-custom-element.html
@@ -1,6 +1,8 @@
 <template>
 
-<div>${label}</div>
-<small>${caption}</small>
+  <div>
+    <div>${label}</div>
+    <small class="text-primary">${caption}</small>
+  </div>
 
 </template>