Adds a fallback for the default slot in LuxSearchBox component

pulibrary · Nov 9, 2024 · 63e7610 · 63e7610
1 parent 4434d97
commit 63e7610
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/components/LuxSearchBox.vue b/src/components/LuxSearchBox.vue
@@ -1,7 +1,22 @@
 <template>
   <component :is="type" class="lux-search-box">
     <!-- @slot The input and its button. -->
-    <slot />
+    <slot>
+      <lux-input-text
+        id="searchbox"
+        name="query"
+        label="Search"
+        :hide-label="true"
+        placeholder="Type here!"
+        size="medium"
+      ></lux-input-text>
+      <lux-input-button
+        type="button"
+        variation="icon"
+        size="medium"
+        icon="search"
+      ></lux-input-button>
+    </slot>
   </component>
 </template>