diff --git a/src/components/ImageDropzone.tsx b/src/components/ImageDropzone.tsx index bef1f62..6029d75 100644 --- a/src/components/ImageDropzone.tsx +++ b/src/components/ImageDropzone.tsx @@ -14,6 +14,8 @@ export type ImageDropzoneProps = { */ accept?: string | string[]; maxNumberOfFiles?: number; + /** Change the text that appears when dragging a file over the dropzone */ + dragNotification?: string | React.ReactNode; }; export const ImageDropzone = ({ @@ -23,6 +25,7 @@ export const ImageDropzone = ({ accept, multiple, disabled, + dragNotification = 'Drag your files here to add to your post', }: PropsWithChildren) => { const handleDrop = useCallback( (accepted: File[]) => { @@ -72,7 +75,7 @@ export const ImageDropzone = ({ fillRule="nonzero" /> -

Drag your files here to add to your post

+

{dragNotification}

{children}