docs(hx-error): add documentation for custom element

Author: Cathy Siller

docs/_data/nav.json5

@@ -77,6 +77,7 @@
             { label: '<hx-disclosure>', path: 'hx-disclosure' },
             { label: '<hx-dl>', path: 'hx-dl' },
             { label: '<hx-dt>', path: 'hx-dt' },
+            { label: '<hx-error>', path: 'hx-error' },
             { label: '<hx-file-icon>', path: 'hx-file-icon' },
             //{ label: '<hx-file-tile>', path: 'hx-file-tile' },
             { label: '<hx-icon>', path: 'hx-icon' },

docs/components/typography/index.html

@@ -1,6 +1,8 @@
 ---
 title: Typography
 minver: 0.1.6
+also: 
+  elements/hx-error: <hx-error>
 ---
 {% extends 'component.njk' %}
 {% block content %}

docs/elements/hx-error/index.html

@@ -0,0 +1,31 @@
+---
+title: <hx-error>
+minver: 0.4.0
+also: 
+  components/Typography: Typography
+---
+{% extends 'element.njk' %}
+{% block content %}
+  <section>
+    <p>
+      The custom <code>{{page.title}}</code> element provides an informative 
+      icon and applies styling to communicate an error message to users.
+    </p>
+  
+    <hx-dl class="hxBox-md metadata">
+      <hx-def>
+        <hx-dt>Permitted Parents</hx-dt>
+        <hx-dd>Any that accept Phrasing Content</hx-dd>
+      </hx-def>
+      <hx-def>
+        <hx-dt>Permitted Children</hx-dt>
+        <hx-dd>Phrasing Content</hx-dd>
+      </hx-def>
+      <hx-def>
+        <hx-dt>Events</hx-dt>
+        <hx-dd><em>none</em></hx-dd>
+      </hx-def>
+    </hx-dl>
+  </section>
+{% endblock %}
+