---
id: Multiple file upload
section: components
subsection: file-upload
---
import { useEffect, useState } from 'react';
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';

## Demos

### Rejected file handling

This demo shows how to add a modal to alert users that the file(s) they attempted to drop was of a non-acceptable type.

```ts file="./examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx"

```