docs(banner): missing docs markdown and screenshot

Author: zeroedin

elements/pf-v6-banner/docs/pf-v6-banner.md

@@ -0,0 +1,43 @@
+{% renderOverview %}
+  A banner provides a full-width container for communicating short,
+  non-dismissible messages.
+
+  <pf-v6-banner>Default banner</pf-v6-banner>
+{% endrenderOverview %}
+
+{% band header="Usage" %}
+  ### Default
+  {% htmlexample %}
+  <pf-v6-banner>Default banner</pf-v6-banner>
+  {% endhtmlexample %}
+
+  ### Status
+  When a banner conveys status, use the `status` attribute. Include an icon
+  and `screen-reader-text` for accessibility.
+
+  {% htmlexample %}
+  <pf-v6-banner status="danger" screen-reader-text="Danger banner">
+    Danger banner
+  </pf-v6-banner>
+  {% endhtmlexample %}
+
+  ### Sticky
+  Use the `sticky` attribute to keep the banner visible at the top of a
+  scrolling container.
+
+  {% htmlexample %}
+  <pf-v6-banner sticky>Sticky banner</pf-v6-banner>
+  {% endhtmlexample %}
+{% endband %}
+
+{% renderSlots %}{% endrenderSlots %}
+
+{% renderAttributes %}{% endrenderAttributes %}
+
+{% renderMethods %}{% endrenderMethods %}
+
+{% renderEvents %}{% endrenderEvents %}
+
+{% renderCssCustomProperties %}{% endrenderCssCustomProperties %}
+
+{% renderCssParts %}{% endrenderCssParts %}