π Spanish README
Thank you so much for using dropzone-ui/react β€οΈ !
Dropzone UI has grown very fast and has exceeded its original scope. That's why we find reasonable to rebrand it and create a new package taking the best of this one and adding more features and new components. This new package is here and its name is Files UI β‘. In an very near future we'll stop giving support to dropzone-ui, so we enforce you to upgrade to this new package. In the meanwhile this package will become a wrapper for files-ui.
β‘ Live demos and full documentation : files-ui.com
β€οΈ it ?, support us by giving a β on Github :D
From now on @files-ui/react is the only dependency. Check out the changelog file to know what's new.
This is a small part of what you can find on files-ui π
- More previews here.
@dropzone-ui/react
is based on React Hooks. It requires react v16.8+
.
@dropzone-ui/react is available as an npm package.
// with npm
npm i @dropzone-ui/react
// with yarn
yarn add @dropzone-ui/react
Here is a quick example to get you started, it's all you need:
import * as React from "react";
import ReactDOM from "react-dom";
import { Dropzone, FileMosaic } from "@dropzone-ui/react";
function App() {
const [files, setFiles] = React.useState([]);
const updateFiles = (incommingFiles) => {
setFiles(incommingFiles);
};
return (
<Dropzone onChange={updateFiles} value={files}>
{files.map((file) => (
<FileMosaic {...file} preview />
))}
</Dropzone>
);
}
ReactDOM.render(<App />, document.querySelector("#app"));
Yes, it's really all you need to get started as you can see in these live and interactive demos:
Basic Sample π° | Advanced Sample π¨ |
---|---|
The complete documentation of every component has been moved to files-ui.com API page.
However if you are still using dropzone-ui version 6.7.0 or lower, you can find the documentation and demos here:
Special thanks to these amazing people β :
This project is licensed under the terms of the MIT license.