@aurodesignsystem/auro-formkit 2.0.0-beta.41 → 2.0.0-beta.42

package/components/combobox/demo/index.md

@@ -26,6 +26,7 @@ The `<auro-combobox>` element should be used in situations where users may:
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
   <!-- The below content is automatically added from ./../apiExamples/basic.html -->
   <auro-combobox>
+    <span slot="bib.mobile.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -45,6 +46,7 @@ The `<auro-combobox>` element should be used in situations where users may:
 
 ```html
 <auro-combobox>
+  <span slot="bib.mobile.headline">Bib Header</span>
   <span slot="label">Name</span>
   <auro-menu>
     <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -65,6 +67,7 @@ The `<auro-combobox>` element should be used in situations where users may:
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/airports.html) -->
   <!-- The below content is automatically added from ./../apiExamples/airports.html -->
   <auro-combobox>
+    <span slot="bib.mobile.headline">Airports</span>
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="fca" id="airport-fca" suggest="fca montana kalispell">glacier park international</auro-menuoption>
@@ -204,6 +207,7 @@ The `<auro-combobox>` element should be used in situations where users may:
 
 ```html
 <auro-combobox>
+  <span slot="bib.mobile.headline">Airports</span>
   <span slot="label">Name</span>
   <auro-menu>
     <auro-menuoption value="fca" id="airport-fca" suggest="fca montana kalispell">glacier park international</auro-menuoption>
@@ -344,6 +348,7 @@ The `<auro-combobox>` element should be used in situations where users may:
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/withCheckmark.html) -->
   <!-- The below content is automatically added from ./../apiExamples/withCheckmark.html -->
   <auro-combobox checkmark>
+      <span slot="bib.mobile.headline">Bib Header</span>
       <span slot="label">Name</span>
       <auro-menu>
           <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -363,6 +368,7 @@ The `<auro-combobox>` element should be used in situations where users may:
 
 ```html
 <auro-combobox checkmark>
+    <span slot="bib.mobile.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
         <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -387,6 +393,7 @@ The `type` attribute may be used to apply the corresponding `type` attribute on
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/typeMonthDayYear.html) -->
   <!-- The below content is automatically added from ./../apiExamples/typeMonthDayYear.html -->
   <auro-combobox type="month-day-year" triggerIcon>
+    <span slot="bib.mobile.headline">Date Combobox Header</span>
     <span slot="label">Date</span>
     <auro-menu>
       <auro-menuoption value="01/02/2020" id="option-date-0">
@@ -406,6 +413,7 @@ The `type` attribute may be used to apply the corresponding `type` attribute on
 
 ```html
 <auro-combobox type="month-day-year" triggerIcon>
+  <span slot="bib.mobile.headline">Date Combobox Header</span>
   <span slot="label">Date</span>
   <auro-menu>
     <auro-menuoption value="01/02/2020" id="option-date-0">
@@ -428,6 +436,7 @@ This example demonstrates a static menu option that will always appears regardle
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/persistent.html) -->
   <!-- The below content is automatically added from ./../apiExamples/persistent.html -->
   <auro-combobox id="persistent">
+    <span slot="bib.mobile.headline">Address Combobox</span>
     <span slot="label">Address</span>
     <auro-menu id="customEvent">
       <auro-menuoption value="555 Address Way Seattle, WA 99999">555 Address Way Seattle, WA 99999</auro-menuoption>
@@ -444,6 +453,7 @@ This example demonstrates a static menu option that will always appears regardle
 
 ```html
 <auro-combobox id="persistent">
+  <span slot="bib.mobile.headline">Address Combobox</span>
   <span slot="label">Address</span>
   <auro-menu id="customEvent">
     <auro-menuoption value="555 Address Way Seattle, WA 99999">555 Address Way Seattle, WA 99999</auro-menuoption>
@@ -466,6 +476,7 @@ This example illustrates using a JavaScript function attached to an auro-button
   <!-- The below content is automatically added from ./../apiExamples/swapValue.html -->
   <div id="swapExample">
     <auro-combobox id="swapExampleLeft">
+      <span slot="bib.mobile.headline">Left Combobox Header</span>
       <span slot="label">Name</span>
       <auro-menu>
         <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -485,6 +496,7 @@ This example illustrates using a JavaScript function attached to an auro-button
       </auro-icon>
     </auro-button>
     <auro-combobox id="swapExampleRight">
+      <span slot="bib.mobile.headline">Right Combobox Header</span>
       <span slot="label">Name</span>
       <auro-menu>
         <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -523,6 +535,7 @@ This example illustrates using a JavaScript function attached to an auro-button
 ```html
 <div id="swapExample">
   <auro-combobox id="swapExampleLeft">
+    <span slot="bib.mobile.headline">Left Combobox Header</span>
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -542,6 +555,7 @@ This example illustrates using a JavaScript function attached to an auro-button
     </auro-icon>
   </auro-button>
   <auro-combobox id="swapExampleRight">
+    <span slot="bib.mobile.headline">Right Combobox Header</span>
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -592,6 +606,7 @@ This will create a new custom element that you can use in your HTML that will fu
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/custom.html) -->
   <!-- The below content is automatically added from ./../apiExamples/custom.html -->
   <custom-combobox>
+      <span slot="bib.mobile.headline">Bib Header</span>
       <span slot="label">Name</span>
       <auro-menu>
         <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -611,6 +626,7 @@ This will create a new custom element that you can use in your HTML that will fu
 
 ```html
 <custom-combobox>
+    <span slot="bib.mobile.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>