Merge pull request #111 from abusix/ahq2-94-hailstorm-add-classname-t…

…o-listbox-component Add classname to listbox
abusix · Feb 20, 2024 · 28adf4d · 28adf4d
2 parents 75f1ac0 + 8f51baa
commit 28adf4d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/form-field/listbox/listbox.tsx b/src/components/form-field/listbox/listbox.tsx
@@ -18,12 +18,15 @@ export interface ListboxProps<TValue> {
     children: React.ReactNode;
     value: TValue;
     onChange: (value: TValue) => void;
+    className?: string;
 }
 
-const Listbox = <TValue,>({ children, value, onChange }: ListboxProps<TValue>) => {
+const Listbox = <TValue,>({ children, value, onChange, className }: ListboxProps<TValue>) => {
     return (
         <HeadlessListbox value={value} onChange={onChange}>
-            <div className={classNames("relative w-full", formFieldGroupStyles)}>{children}</div>
+            <div className={classNames("relative w-full", formFieldGroupStyles, className)}>
+                {children}
+            </div>
         </HeadlessListbox>
     );
 };