fix: can now disable Listbox

supabase · Jul 20, 2022 · fd2309b · fd2309b
1 parent 6f4a00d
commit fd2309b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/components/Listbox/Listbox2.tsx b/src/components/Listbox/Listbox2.tsx
@@ -213,7 +213,7 @@ function Listbox({
       size={size}
     >
       <DropdownMenuPrimitive.Root>
-        <DropdownMenuPrimitive.Trigger asChild>
+        <DropdownMenuPrimitive.Trigger asChild disabled={disabled}>
           <button
             ref={triggerRef}
             className={selectClasses.join(' ')}

diff --git a/src/components/Listbox/SelectStyled.stories.tsx b/src/components/Listbox/SelectStyled.stories.tsx
@@ -37,6 +37,20 @@ export const Default = (args: any) => (
   </Listbox>
 )
 
+export const ListBoxDisabled = (args: any) => (
+  <Listbox label="Default listbox" disabled>
+    <Listbox.Option label="Option 1" value="option-1">
+      Option 1
+    </Listbox.Option>
+    <Listbox.Option label="Option 2" value="option-2">
+      Option 2
+    </Listbox.Option>
+    <Listbox.Option disabled label="Option 3" value="option-3">
+      Option 3
+    </Listbox.Option>
+  </Listbox>
+)
+
 export const WithDisabled = (args: any) => (
   <Listbox label="Default listbox">
     <Listbox.Option label="Option 1" value="option-1">