feat(fallback): new fallback image for invalid airport codes

AlaskaAirlines · Jan 20, 2022 · c152152 · c152152
1 parent 0d4290f
commit c152152
Show file tree

Hide file tree

Showing 5 changed files with 178 additions and 20,142 deletions.
diff --git a/demo/demo.md b/demo/demo.md
@@ -120,3 +120,20 @@ The auro-avatar component is hidden from screen readers by default. The placemen
   ```
 
 </auro-accordion>
+
+## Fallback Images
+
+The auro-avatar component will use a fallback image if a `code` value results in an avatar image that fails to load.
+
+<div class="exampleWrapper">
+  <auro-avatar code="INVALID"></auro-avatar>
+</div>
+
+<auro-accordion lowProfile justifyRight>
+  <span slot="trigger">See code</span>
+
+  ```html
+  <auro-avatar code="INVALID"></auro-avatar>
+  ```
+
+</auro-accordion>
diff --git a/demo/index.html b/demo/index.html
@@ -20,7 +20,7 @@
       fetch('/demo/demo.md')
         .then((response) => response.text())
         .then((text) => {
-          const rawHtml = marked(text);
+          const rawHtml = marked.parse(text);
           document.querySelector('main').innerHTML = rawHtml;
           Prism.highlightAll();
         });