fix: allow passing of className to Listbox Option component

supabase · Sep 2, 2022 · fe7b979 · fe7b979
1 parent 0dfdcbf
commit fe7b979
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Listbox/Listbox2.tsx b/src/components/Listbox/Listbox2.tsx
@@ -275,6 +275,7 @@ interface OptionProps {
   label: string
   disabled?: boolean
   children?: React.ReactNode
+  className?: string
   addOnBefore?: ({ active, selected }: any) => React.ReactNode
 }
 
@@ -289,6 +290,7 @@ function SelectOption({
   label,
   disabled = false,
   children,
+  className = '',
   addOnBefore,
 }: OptionProps) {
   const __styles = styleHandler('listbox')
@@ -301,11 +303,11 @@ function SelectOption({
         return (
           <DropdownMenuPrimitive.Item
             key={id}
-            className={classNames(
+            className={`${classNames(
               __styles.option,
               active ? __styles.option_active : ' ',
               disabled ? __styles.option_disabled : ' '
-            )}
+            )} ${className}`}
             onSelect={() => (!disabled ? onChange(value) : {})}
           >
             <div className={__styles.option_inner}>