feat: added more components

Author: MarvinJWendt

web/src/lib/components/ui/combobox/combobox.svelte

@@ -7,6 +7,7 @@
     import {tick} from "svelte"
 
     export let multi: boolean = false
+    export let placeholder: string = "Select..."
 
     export let options = [
         {value: "Option 1", label: "option 1"},
@@ -21,8 +22,8 @@
     let triggerButton // Reference to the trigger button
 
     $: selectedValue = multi
-        ? options.filter(f => value.includes(f.value)).map(f => f.label).join(", ") || "Select frameworks..."
-        : options.find(f => f.value === value)?.label ?? "Select a framework..."
+        ? options.filter(f => value.includes(f.value)).map(f => f.label).join(", ") || placeholder
+        : options.find(f => f.value === value)?.label ?? placeholder
 
     function closeAndFocusTrigger() {
         open = false

web/src/routes/play/+page.svelte

@@ -4,7 +4,11 @@
 <div class="flex justify-center">
     <div class="max-w-screen-lg w-full px-8">
         <div>
-            <Combobox multi={true}/>
+            <Combobox options={[
+                {value: "a", label: "A"},
+                {value: "b", label: "B"},
+                {value: "c", label: "C"},
+            ]} multi={true}/>
         </div>
     </div>
 </div>