Merge pull request #377 from thejackshelton/accordion-improvements

fix(select): ts error fix
qwikifiers · Jul 28, 2023 · a90e9ce · a90e9ce
2 parents c3e4c2c + c6cef29
commit a90e9ce
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/apps/website/src/routes/docs/tailwind/(components)/select/index.tsx b/apps/website/src/routes/docs/tailwind/(components)/select/index.tsx
@@ -6,7 +6,7 @@ import {
   SelectOption,
   SelectRoot,
   SelectTrigger,
-  SelectValue,
+  SelectValue
 } from '@qwik-ui/headless';
 import styles from './select.css?inline';
 
@@ -16,15 +16,13 @@ export default component$(() => {
     <>
       <h2>This is the documentation for the Select</h2>
       <SelectRoot>
-        <SelectLabel class="mr-2">
-          Alternate Tailwind Select implementation
-        </SelectLabel>
+        <SelectLabel class="mr-2">Alternate Tailwind Select implementation</SelectLabel>
         <SelectTrigger class="select-caret inline-flex items-center justify-between w-full h-12 max-w-xs px-4 text-sm font-semibold leading-loose border rounded-lg cursor-pointer border-base-content border-opacity-20 bg-base-100 shrink-0">
           <SelectValue placeholder="Select an option! ⚡" />
         </SelectTrigger>
         <SelectListBox class="w-full max-w-xs border border-base-content border-opacity-20 bg-base-100 rounded-[0.25rem] py-1">
           <SelectOption
-            value="🚀 Qwik"
+            optionValue="🚀 Qwik"
             class="px-1 leading-loose hover:bg-gray-300"
           />
           <SelectGroup class="">
@@ -33,12 +31,12 @@ export default component$(() => {
               { value: '🍎 Apple', disabled: false },
               { value: '🍌 Banana', disabled: false },
               { value: '🍒 Cherry', disabled: false },
-              { value: '🐲 Dragonfruit', disabled: true },
+              { value: '🐲 Dragonfruit', disabled: true }
             ].map((option) => {
               return (
                 <SelectOption
                   key={option.value}
-                  value={option.value}
+                  optionValue={option.value}
                   disabled={option.disabled}
                   class="px-1 leading-loose hover:bg-gray-300"
                 />