fix: allow customing class name

0xflair · Mar 26, 2022 · 7994cfc · 7994cfc
1 parent dd4274c
commit 7994cfc
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react-dashboard/src/components/ImageField/ImageField.tsx b/packages/react-dashboard/src/components/ImageField/ImageField.tsx
@@ -3,13 +3,15 @@ import { useDropzone } from "react-dropzone";
 
 export type ImageFieldProps = {
   label: string;
+  className?: string;
   setImageFile: React.Dispatch<React.SetStateAction<File | undefined>>;
   setImagePreview?: React.Dispatch<React.SetStateAction<string | undefined>>;
 };
 
 export const ImageField = (props: ImageFieldProps) => {
   const {
     label,
+    className,
     setImageFile: parentSetImageFile,
     setImagePreview: parentSetImagePreview,
   } = props;
@@ -34,7 +36,7 @@ export const ImageField = (props: ImageFieldProps) => {
   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
 
   return (
-    <div {...getRootProps()}>
+    <div {...getRootProps()} className={className}>
       <label className="block text-sm font-medium text-gray-700">{label}</label>
       <div
         className={`mt-1 px-6 pt-5 pb-6 border-2 border-dashed rounded-md focus-within:ring-1 focus-within:ring-indigo-600 focus-within:border-indigo-600 ${