@aurodesignsystem/auro-formkit 2.0.0-beta.3 → 2.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/.turbo/cache/013a48308b893dac-meta.json +1 -1
  2. package/.turbo/cache/02244170c798a2bd-meta.json +1 -1
  3. package/.turbo/cache/02244170c798a2bd.tar.zst +0 -0
  4. package/.turbo/cache/051ff97a20add0e2-meta.json +1 -0
  5. package/.turbo/cache/051ff97a20add0e2.tar.zst +0 -0
  6. package/.turbo/cache/07ca42419b9f050c-meta.json +1 -1
  7. package/.turbo/cache/0ea853339c064fa1-meta.json +1 -0
  8. package/.turbo/cache/0ea853339c064fa1.tar.zst +0 -0
  9. package/.turbo/cache/16658beec9f4a809-meta.json +1 -0
  10. package/.turbo/cache/16658beec9f4a809.tar.zst +0 -0
  11. package/.turbo/cache/17259cf94d8f8925-meta.json +1 -1
  12. package/.turbo/cache/1b9818717e4bdf9f-meta.json +1 -1
  13. package/.turbo/cache/1c0f580d37370ba2-meta.json +1 -1
  14. package/.turbo/cache/1c0f580d37370ba2.tar.zst +0 -0
  15. package/.turbo/cache/1c99a949ec63ab35-meta.json +1 -1
  16. package/.turbo/cache/1df4710eef8ed00d-meta.json +1 -0
  17. package/.turbo/cache/1df4710eef8ed00d.tar.zst +0 -0
  18. package/.turbo/cache/204b66d1b253e9cc-meta.json +1 -0
  19. package/.turbo/cache/204b66d1b253e9cc.tar.zst +0 -0
  20. package/.turbo/cache/257a7a26ea72dbc5-meta.json +1 -1
  21. package/.turbo/cache/2a5d0939d6fc1052-meta.json +1 -0
  22. package/.turbo/cache/2a5d0939d6fc1052.tar.zst +0 -0
  23. package/.turbo/cache/2e3b829fcf75c836-meta.json +1 -0
  24. package/.turbo/cache/2e3b829fcf75c836.tar.zst +0 -0
  25. package/.turbo/cache/3bf45120d0cc9bd8-meta.json +1 -1
  26. package/.turbo/cache/3d380d0d40404cac-meta.json +1 -0
  27. package/.turbo/cache/3d380d0d40404cac.tar.zst +0 -0
  28. package/.turbo/cache/3e12285c614db539-meta.json +1 -1
  29. package/.turbo/cache/45035bf5c4147ccd-meta.json +1 -1
  30. package/.turbo/cache/5bf2d3f7ba5891e0-meta.json +1 -1
  31. package/.turbo/cache/5f304c0f37ef25f3-meta.json +1 -1
  32. package/.turbo/cache/64de7a53e02db647-meta.json +1 -1
  33. package/.turbo/cache/691a74627ec57993-meta.json +1 -1
  34. package/.turbo/cache/69aae513b7ec6c7d-meta.json +1 -1
  35. package/.turbo/cache/6dd67d179191bda8-meta.json +1 -1
  36. package/.turbo/cache/6dd7058e6703cb35-meta.json +1 -1
  37. package/.turbo/cache/73e9073a5274616d-meta.json +1 -1
  38. package/.turbo/cache/773edc0f83c8c5a5-meta.json +1 -1
  39. package/.turbo/cache/786a822763403879-meta.json +1 -1
  40. package/.turbo/cache/7e1043cffa69f327-meta.json +1 -1
  41. package/.turbo/cache/7e1043cffa69f327.tar.zst +0 -0
  42. package/.turbo/cache/7ffd501e81790676-meta.json +1 -0
  43. package/.turbo/cache/7ffd501e81790676.tar.zst +0 -0
  44. package/.turbo/cache/80a13352066a9801-meta.json +1 -1
  45. package/.turbo/cache/80b5d974184a01df-meta.json +1 -1
  46. package/.turbo/cache/8954c6073396fadd-meta.json +1 -1
  47. package/.turbo/cache/8e79bd5c3a16a72e-meta.json +1 -1
  48. package/.turbo/cache/8e9ebc3df0e18de0-meta.json +1 -0
  49. package/.turbo/cache/8e9ebc3df0e18de0.tar.zst +0 -0
  50. package/.turbo/cache/92daa6d7c389d548-meta.json +1 -1
  51. package/.turbo/cache/973d0eea26083f4b-meta.json +1 -0
  52. package/.turbo/cache/973d0eea26083f4b.tar.zst +0 -0
  53. package/.turbo/cache/9c6ad42729c7b2d8-meta.json +1 -0
  54. package/.turbo/cache/9c6ad42729c7b2d8.tar.zst +0 -0
  55. package/.turbo/cache/a77bc920ea508bb8-meta.json +1 -1
  56. package/.turbo/cache/a77bc920ea508bb8.tar.zst +0 -0
  57. package/.turbo/cache/a9a9d012c83882d8-meta.json +1 -0
  58. package/.turbo/cache/a9a9d012c83882d8.tar.zst +0 -0
  59. package/.turbo/cache/b54fc4f664a7a5a0-meta.json +1 -1
  60. package/.turbo/cache/ba4418918621fbcd-meta.json +1 -1
  61. package/.turbo/cache/be7c23c37b8ec74b-meta.json +1 -1
  62. package/.turbo/cache/be7c23c37b8ec74b.tar.zst +0 -0
  63. package/.turbo/cache/bffc7582905c2a5e-meta.json +1 -1
  64. package/.turbo/cache/caa0b4ac8d2a04dd-meta.json +1 -1
  65. package/.turbo/cache/caa0b4ac8d2a04dd.tar.zst +0 -0
  66. package/.turbo/cache/cc81de9c0b452a7c-meta.json +1 -1
  67. package/.turbo/cache/d572ebb3c833e8f4-meta.json +1 -1
  68. package/.turbo/cache/d572ebb3c833e8f4.tar.zst +0 -0
  69. package/.turbo/cache/d61543843c932504-meta.json +1 -1
  70. package/.turbo/cache/d61543843c932504.tar.zst +0 -0
  71. package/.turbo/cache/dad1301ac69bcb85-meta.json +1 -1
  72. package/.turbo/cache/db361cb6578dca84-meta.json +1 -0
  73. package/.turbo/cache/db361cb6578dca84.tar.zst +0 -0
  74. package/.turbo/cache/dea5945f55c6aba5-meta.json +1 -1
  75. package/.turbo/cache/dea5945f55c6aba5.tar.zst +0 -0
  76. package/.turbo/cache/e992dab20aeefbaf-meta.json +1 -1
  77. package/.turbo/cache/e992dab20aeefbaf.tar.zst +0 -0
  78. package/.turbo/cache/f3ff9040a2196834-meta.json +1 -0
  79. package/.turbo/cache/f3ff9040a2196834.tar.zst +0 -0
  80. package/.turbo/cache/f817d89688cefca8-meta.json +1 -0
  81. package/.turbo/cache/fa132b5b5f0e75f8-meta.json +1 -1
  82. package/.turbo/cache/fc57c17867dcac3d-meta.json +1 -0
  83. package/.turbo/cache/fc57c17867dcac3d.tar.zst +0 -0
  84. package/CHANGELOG.md +18 -0
  85. package/components/checkbox/.turbo/turbo-build.log +3 -3
  86. package/components/checkbox/.turbo/turbo-bundler.log +3 -3
  87. package/components/combobox/.turbo/turbo-build.log +3 -3
  88. package/components/combobox/demo/api.min.js +407 -113
  89. package/components/combobox/demo/index.min.js +407 -113
  90. package/components/combobox/dist/index.js +407 -113
  91. package/components/counter/.turbo/turbo-build.log +3 -3
  92. package/components/counter/.turbo/turbo-bundler.log +3 -3
  93. package/components/datepicker/demo/api.min.js +407 -113
  94. package/components/datepicker/demo/index.min.js +407 -113
  95. package/components/datepicker/dist/index.js +407 -113
  96. package/components/dropdown/.turbo/turbo-build.log +3 -3
  97. package/components/dropdown/.turbo/turbo-bundler.log +2 -2
  98. package/components/dropdown/demo/api.md +4 -4
  99. package/components/dropdown/demo/api.min.js +166 -42
  100. package/components/dropdown/demo/index.min.js +166 -42
  101. package/components/dropdown/dist/auro-dropdown.d.ts +93 -34
  102. package/components/dropdown/dist/auro-dropdown.d.ts.map +1 -1
  103. package/components/dropdown/dist/auro-dropdownBib.d.ts +9 -3
  104. package/components/dropdown/dist/auro-dropdownBib.d.ts.map +1 -1
  105. package/components/dropdown/dist/index.js +166 -42
  106. package/components/dropdown/src/auro-dropdown.js +154 -39
  107. package/components/dropdown/src/auro-dropdownBib.js +12 -3
  108. package/components/dropdown/src/styles/style-css.js +1 -1
  109. package/components/dropdown/src/styles/style.css +4 -0
  110. package/components/dropdown/src/styles/style.scss +5 -0
  111. package/components/form/.turbo/turbo-build.log +3 -3
  112. package/components/form/.turbo/turbo-bundler.log +3 -3
  113. package/components/input/.turbo/turbo-build.log +3 -3
  114. package/components/input/.turbo/turbo-bundler.log +3 -3
  115. package/components/input/demo/api.md +37 -35
  116. package/components/input/demo/api.min.js +241 -71
  117. package/components/input/demo/index.min.js +241 -71
  118. package/components/input/dist/base-input.d.ts +157 -79
  119. package/components/input/dist/base-input.d.ts.map +1 -1
  120. package/components/input/dist/index.js +241 -71
  121. package/components/input/src/base-input.js +241 -71
  122. package/components/menu/.turbo/turbo-build.log +3 -3
  123. package/components/menu/.turbo/turbo-bundler.log +3 -3
  124. package/components/radio/.turbo/turbo-build.log +3 -3
  125. package/components/radio/.turbo/turbo-bundler.log +3 -3
  126. package/components/select/.turbo/turbo-build.log +7 -9
  127. package/components/select/demo/api.md +39 -100
  128. package/components/select/demo/api.min.js +292 -169
  129. package/components/select/demo/index.md +100 -43
  130. package/components/select/demo/index.min.js +292 -169
  131. package/components/select/dist/auro-select.d.ts +63 -50
  132. package/components/select/dist/auro-select.d.ts.map +1 -1
  133. package/components/select/dist/index.js +287 -151
  134. package/components/select/src/auro-select.js +102 -102
  135. package/components/select/src/styles/style-css.js +1 -1
  136. package/components/select/src/styles/style.css +7 -0
  137. package/components/select/src/styles/style.scss +11 -1
  138. package/package.json +1 -1
  139. package/.turbo/cache/1ab37ce15d9be440-meta.json +0 -1
  140. package/.turbo/cache/1ab37ce15d9be440.tar.zst +0 -0
  141. package/.turbo/cache/1de15d89eed2d760-meta.json +0 -1
  142. package/.turbo/cache/1de15d89eed2d760.tar.zst +0 -0
  143. package/.turbo/cache/2110a4d14e0d11b2-meta.json +0 -1
  144. package/.turbo/cache/2110a4d14e0d11b2.tar.zst +0 -0
  145. package/.turbo/cache/2990aaa7ebc5b967-meta.json +0 -1
  146. package/.turbo/cache/2990aaa7ebc5b967.tar.zst +0 -0
  147. package/.turbo/cache/2fd056afdf4eb39d-meta.json +0 -1
  148. package/.turbo/cache/2fd056afdf4eb39d.tar.zst +0 -0
  149. package/.turbo/cache/4f92cea2d8c63de2-meta.json +0 -1
  150. package/.turbo/cache/4f92cea2d8c63de2.tar.zst +0 -0
  151. package/.turbo/cache/5c16ce3cff5c9dff-meta.json +0 -1
  152. package/.turbo/cache/5c16ce3cff5c9dff.tar.zst +0 -0
  153. package/.turbo/cache/784c03fe9fd5ac05-meta.json +0 -1
  154. package/.turbo/cache/784c03fe9fd5ac05.tar.zst +0 -0
  155. package/.turbo/cache/87219c41a4ace9cd-meta.json +0 -1
  156. package/.turbo/cache/87219c41a4ace9cd.tar.zst +0 -0
  157. package/.turbo/cache/993dff2edb7b6766-meta.json +0 -1
  158. package/.turbo/cache/993dff2edb7b6766.tar.zst +0 -0
  159. package/.turbo/cache/9a097d6576dadd64-meta.json +0 -1
  160. package/.turbo/cache/9a097d6576dadd64.tar.zst +0 -0
  161. package/.turbo/cache/a63cbfecf0f78586-meta.json +0 -1
  162. package/.turbo/cache/a63cbfecf0f78586.tar.zst +0 -0
  163. package/.turbo/cache/a6a56bb802e1c20f-meta.json +0 -1
  164. package/.turbo/cache/a6a56bb802e1c20f.tar.zst +0 -0
  165. package/.turbo/cache/b2c66328fdd78093-meta.json +0 -1
  166. package/.turbo/cache/b2c66328fdd78093.tar.zst +0 -0
  167. package/.turbo/cache/d39e6ef95ebc4cc0-meta.json +0 -1
  168. package/.turbo/cache/f411e2deb0676959-meta.json +0 -1
  169. package/.turbo/cache/f411e2deb0676959.tar.zst +0 -0
  170. package/.turbo/cache/fbbe2704bf9cb90b-meta.json +0 -1
  171. package/.turbo/cache/fbbe2704bf9cb90b.tar.zst +0 -0
  172. /package/.turbo/cache/{d39e6ef95ebc4cc0.tar.zst → f817d89688cefca8.tar.zst} +0 -0
package/components/select/demo/index.md CHANGED
@@ -67,6 +67,92 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
67
67
  <!-- AURO-GENERATED-CONTENT:END -->
68
68
  </auro-accordion>
69
69
 
70
+ ## placeholder
71
+
72
+ Use the `placeholder` slot to inject a custom placeholder option with the select element.
73
+
74
+ <div class="exampleWrapper">
75
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/customPlaceholder.html) -->
76
+ <!-- The below content is automatically added from ./../apiExamples/customPlaceholder.html -->
77
+ <auro-select>
78
+ <label slot="placeholder">Please select your preferred option</label>
79
+ <auro-menu>
80
+ <auro-menuoption value="stops">Stops</auro-menuoption>
81
+ <auro-menuoption value="price">Price</auro-menuoption>
82
+ <auro-menuoption value="duration">Duration</auro-menuoption>
83
+ <auro-menuoption value="departure">Departure</auro-menuoption>
84
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
85
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
86
+ </auro-menu>
87
+ </auro-select>
88
+ <!-- AURO-GENERATED-CONTENT:END -->
89
+ </div>
90
+ <auro-accordion alignRight>
91
+ <span slot="trigger">See code</span>
92
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/customPlaceholder.html) -->
93
+ <!-- The below code snippet is automatically added from ./../apiExamples/customPlaceholder.html -->
94
+
95
+ ```html
96
+ <auro-select>
97
+ <label slot="placeholder">Please select your preferred option</label>
98
+ <auro-menu>
99
+ <auro-menuoption value="stops">Stops</auro-menuoption>
100
+ <auro-menuoption value="price">Price</auro-menuoption>
101
+ <auro-menuoption value="duration">Duration</auro-menuoption>
102
+ <auro-menuoption value="departure">Departure</auro-menuoption>
103
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
104
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
105
+ </auro-menu>
106
+ </auro-select>
107
+ ```
108
+ <!-- AURO-GENERATED-CONTENT:END -->
109
+ </auro-accordion>
110
+
111
+ ## Label, placeholder and help text slots
112
+
113
+ The following example illustrates the use of the `label`, `placeholder` and `helptext` slots for additional placement of content around the select menu.
114
+
115
+ <div class="exampleWrapper">
116
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/slots.html) -->
117
+ <!-- The below content is automatically added from ./../apiExamples/slots.html -->
118
+ <auro-select>
119
+ <label slot="placeholder">Placeholder Text</label>
120
+ <span slot="label">Please choose a preference</span>
121
+ <span slot="helpText">Preferences are maintained for future use</span>
122
+ <auro-menu>
123
+ <auro-menuoption value="stops">Stops</auro-menuoption>
124
+ <auro-menuoption value="price">Price</auro-menuoption>
125
+ <auro-menuoption value="duration">Duration</auro-menuoption>
126
+ <auro-menuoption value="departure">Departure</auro-menuoption>
127
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
128
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
129
+ </auro-menu>
130
+ </auro-select>
131
+ <!-- AURO-GENERATED-CONTENT:END -->
132
+ </div>
133
+ <auro-accordion alignRight>
134
+ <span slot="trigger">See code</span>
135
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/slots.html) -->
136
+ <!-- The below code snippet is automatically added from ./../apiExamples/slots.html -->
137
+
138
+ ```html
139
+ <auro-select>
140
+ <label slot="placeholder">Placeholder Text</label>
141
+ <span slot="label">Please choose a preference</span>
142
+ <span slot="helpText">Preferences are maintained for future use</span>
143
+ <auro-menu>
144
+ <auro-menuoption value="stops">Stops</auro-menuoption>
145
+ <auro-menuoption value="price">Price</auro-menuoption>
146
+ <auro-menuoption value="duration">Duration</auro-menuoption>
147
+ <auro-menuoption value="departure">Departure</auro-menuoption>
148
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
149
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
150
+ </auro-menu>
151
+ </auro-select>
152
+ ```
153
+ <!-- AURO-GENERATED-CONTENT:END -->
154
+ </auro-accordion>
155
+
70
156
  ## Example with auro-icons in options
71
157
 
72
158
  Displays an `<auro-select>` element with `<auro-icon>` elements in each option.
@@ -75,6 +161,7 @@ Displays an `<auro-select>` element with `<auro-icon>` elements in each option.
75
161
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/withIcons.html) -->
76
162
  <!-- The below content is automatically added from ./../apiExamples/withIcons.html -->
77
163
  <auro-select>
164
+ <label slot="placeholder">Placeholder Text</label>
78
165
  <auro-menu>
79
166
  <auro-menuoption value="air">
80
167
  <auro-icon label customColor category="health" name="air">Air</auro-icon>
@@ -102,6 +189,7 @@ Displays an `<auro-select>` element with `<auro-icon>` elements in each option.
102
189
 
103
190
  ```html
104
191
  <auro-select>
192
+ <label slot="placeholder">Placeholder Text</label>
105
193
  <auro-menu>
106
194
  <auro-menuoption value="air">
107
195
  <auro-icon label customColor category="health" name="air">Air</auro-icon>
@@ -132,6 +220,7 @@ This example shows nesting `<auro-menu>` elements to create submenus.
132
220
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/withSubmenus.html) -->
133
221
  <!-- The below content is automatically added from ./../apiExamples/withSubmenus.html -->
134
222
  <auro-select>
223
+ <label slot="placeholder">Placeholder Text</label>
135
224
  <auro-menu>
136
225
  <auro-menuoption value="stops">Stops</auro-menuoption>
137
226
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -173,6 +262,7 @@ This example shows nesting `<auro-menu>` elements to create submenus.
173
262
 
174
263
  ```html
175
264
  <auro-select>
265
+ <label slot="placeholder">Placeholder Text</label>
176
266
  <auro-menu>
177
267
  <auro-menuoption value="stops">Stops</auro-menuoption>
178
268
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -217,6 +307,7 @@ Applying the `noCheckmark` attribute will prevent the checkmark icon from being
217
307
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/noCheckmark.html) -->
218
308
  <!-- The below content is automatically added from ./../apiExamples/noCheckmark.html -->
219
309
  <auro-select nocheckmark>
310
+ <label slot="placeholder">Placeholder Text</label>
220
311
  <auro-menu>
221
312
  <auro-menuoption value="stops">Stops</auro-menuoption>
222
313
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -235,6 +326,7 @@ Applying the `noCheckmark` attribute will prevent the checkmark icon from being
235
326
 
236
327
  ```html
237
328
  <auro-select nocheckmark>
329
+ <label slot="placeholder">Placeholder Text</label>
238
330
  <auro-menu>
239
331
  <auro-menuoption value="stops">Stops</auro-menuoption>
240
332
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -258,6 +350,7 @@ Custom height dimensions are set by using the `dropdownSize` CSS Part and then a
258
350
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/customBibHeight.html) -->
259
351
  <!-- The below content is automatically added from ../apiExamples/customBibHeight.html -->
260
352
  <auro-select id="customBibHeightExample">
353
+ <label slot="placeholder">Placeholder Text</label>
261
354
  <auro-menu>
262
355
  <auro-menuoption value="stops">Stops</auro-menuoption>
263
356
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -281,6 +374,7 @@ Custom height dimensions are set by using the `dropdownSize` CSS Part and then a
281
374
 
282
375
  ```html
283
376
  <auro-select id="customBibHeightExample">
377
+ <label slot="placeholder">Placeholder Text</label>
284
378
  <auro-menu>
285
379
  <auro-menuoption value="stops">Stops</auro-menuoption>
286
380
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -299,49 +393,6 @@ Custom height dimensions are set by using the `dropdownSize` CSS Part and then a
299
393
  <!-- AURO-GENERATED-CONTENT:END -->
300
394
  </auro-accordion>
301
395
 
302
- ## Label and help text slots
303
-
304
- The following example illustrates the use of the `label` and `helptext` slots for additional placement of content around the select menu.
305
-
306
- <div class="exampleWrapper">
307
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/slots.html) -->
308
- <!-- The below content is automatically added from ./../apiExamples/slots.html -->
309
- <auro-select>
310
- <span slot="label">Please choose a preference</span>
311
- <span slot="helpText">Preferences are maintained for future use</span>
312
- <auro-menu>
313
- <auro-menuoption value="stops">Stops</auro-menuoption>
314
- <auro-menuoption value="price">Price</auro-menuoption>
315
- <auro-menuoption value="duration">Duration</auro-menuoption>
316
- <auro-menuoption value="departure">Departure</auro-menuoption>
317
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
318
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
319
- </auro-menu>
320
- </auro-select>
321
- <!-- AURO-GENERATED-CONTENT:END -->
322
- </div>
323
- <auro-accordion alignRight>
324
- <span slot="trigger">See code</span>
325
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/slots.html) -->
326
- <!-- The below code snippet is automatically added from ./../apiExamples/slots.html -->
327
-
328
- ```html
329
- <auro-select>
330
- <span slot="label">Please choose a preference</span>
331
- <span slot="helpText">Preferences are maintained for future use</span>
332
- <auro-menu>
333
- <auro-menuoption value="stops">Stops</auro-menuoption>
334
- <auro-menuoption value="price">Price</auro-menuoption>
335
- <auro-menuoption value="duration">Duration</auro-menuoption>
336
- <auro-menuoption value="departure">Departure</auro-menuoption>
337
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
338
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
339
- </auro-menu>
340
- </auro-select>
341
- ```
342
- <!-- AURO-GENERATED-CONTENT:END -->
343
- </auro-accordion>
344
-
345
396
  ## Error State
346
397
 
347
398
  Use the `error` boolean attribute to toggle the error UI.
@@ -350,6 +401,7 @@ Use the `error` boolean attribute to toggle the error UI.
350
401
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/error.html) -->
351
402
  <!-- The below content is automatically added from ./../apiExamples/error.html -->
352
403
  <auro-select error="Custom error message">
404
+ <label slot="placeholder">Placeholder Text</label>
353
405
  <auro-menu>
354
406
  <auro-menuoption value="stops">Stops</auro-menuoption>
355
407
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -368,6 +420,7 @@ Use the `error` boolean attribute to toggle the error UI.
368
420
 
369
421
  ```html
370
422
  <auro-select error="Custom error message">
423
+ <label slot="placeholder">Placeholder Text</label>
371
424
  <auro-menu>
372
425
  <auro-menuoption value="stops">Stops</auro-menuoption>
373
426
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -389,6 +442,7 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
389
442
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/disabled.html) -->
390
443
  <!-- The below content is automatically added from ./../apiExamples/disabled.html -->
391
444
  <auro-select disabled>
445
+ <label slot="placeholder">Placeholder Text</label>
392
446
  <auro-menu>
393
447
  <auro-menuoption value="stops">Stops</auro-menuoption>
394
448
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -407,6 +461,7 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
407
461
 
408
462
  ```html
409
463
  <auro-select disabled>
464
+ <label slot="placeholder">Placeholder Text</label>
410
465
  <auro-menu>
411
466
  <auro-menuoption value="stops">Stops</auro-menuoption>
412
467
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -438,6 +493,7 @@ This will create a new custom element that you can use in your HTML that will fu
438
493
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/custom.html) -->
439
494
  <!-- The below content is automatically added from ./../apiExamples/custom.html -->
440
495
  <custom-select>
496
+ <label slot="placeholder">Placeholder Text</label>
441
497
  <auro-menu>
442
498
  <auro-menuoption value="stops">Stops</auro-menuoption>
443
499
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -456,6 +512,7 @@ This will create a new custom element that you can use in your HTML that will fu
456
512
 
457
513
  ```html
458
514
  <custom-select>
515
+ <label slot="placeholder">Placeholder Text</label>
459
516
  <auro-menu>
460
517
  <auro-menuoption value="stops">Stops</auro-menuoption>
461
518
  <auro-menuoption value="price">Price</auro-menuoption>