React File Input

The goal of this package is to provide a simple and reusable file input component for React applications. It supports drag-and-drop functionality, pending states for each file, custom upload handlers and more.

Example

``tsx
import { FileInputButton } from "dn-react-file-input";

export default function App() {
return (



);
}
`

How to add a drag and drop area

`tsx
import { FileInputArea } from "dn-react-file-input";

export default function App() {
return (



);
}
`

How to get the list of files

`tsx
import {
useFiles,
useFileInputController,
FileInputArea,
} from "dn-react-file-input";

export default function App() {
const controller = useFileInputController();

const files = useFiles({ controller });

return (



);
}
``