diff --git a/src/tedi/components/form/file-dropzone/file-dropzone.stories.tsx b/src/tedi/components/form/file-dropzone/file-dropzone.stories.tsx index b0e17670..fd44021f 100644 --- a/src/tedi/components/form/file-dropzone/file-dropzone.stories.tsx +++ b/src/tedi/components/form/file-dropzone/file-dropzone.stories.tsx @@ -120,3 +120,13 @@ export const MultipleWithIndividualValidation: Story = { ), }; + +export const HasTooltip: Story = { + render: Template, + args: { + id: 'file-dropzone-tooltip', + name: 'file-tooltip', + label: 'Drop files here', + tooltip: 'Lorem ipsum', + }, +}; diff --git a/src/tedi/components/form/file-dropzone/file-dropzone.tsx b/src/tedi/components/form/file-dropzone/file-dropzone.tsx index bd49f42d..ea66cf67 100644 --- a/src/tedi/components/form/file-dropzone/file-dropzone.tsx +++ b/src/tedi/components/form/file-dropzone/file-dropzone.tsx @@ -38,7 +38,7 @@ export interface FileDropzoneProps extends Omit { const { getLabel } = useLabels(); - const { label = getLabel('file-dropzone.label'), className, disabled = false, helper, id } = props; + const { label = getLabel('file-dropzone.label'), className, disabled = false, helper, id, ...rest } = props; const { innerFiles, uploadErrorHelper, onFileChange, onFileRemove } = useFileUpload(props); const { getRootProps, getInputProps, isDragActive } = useDropzone({ @@ -78,7 +78,7 @@ export const FileDropzone = (props: FileDropzoneProps): JSX.Element => {
- +
{helper ? (