dropzone-ui
Version:
React Library Component for drag’n’drop files. Easy to use. Material design style. Multilanguage support. Upload to server support.
78 lines (51 loc) • 4.51 kB
Markdown
:rocket:[English](https://github.com/dropzone-ui/dropzone-ui#readme)
<p align="center">
<img align="center" with="128px" height="128px" src="https://user-images.githubusercontent.com/43678736/132112022-0ca409ae-cca2-43c8-be89-110376260a3f.png" alt="dropone-ui-logo">
<h1 align="center">
dropzone-ui
`ha digievolucionado a`
[@dropzone-ui/react](https://www.npmjs.com/package/@dropzone-ui/react) :milky_way:
</h1>
</p>
[](https://github.com/dropzone-ui/react/blob/HEAD/LICENSE)
[](https://www.npmjs.com/package/@dropzone-ui/react)
[](https://openbase.com/js/@dropzone-ui/react?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
[](https://app.travis-ci.com/dropzone-ui/react)
[](https://lgtm.com/projects/g/dropzone-ui/dropzone-ui/context:javascript)
[](https://lgtm.com/projects/g/dropzone-ui/dropzone-ui/alerts/)
[](https://snyk.io/test/github/dropzone-ui/react)
[](https://packagequality.com/#?package=dropzone-ui)
[](https://packagephobia.com/result?p=@dropzone-ui/react)
[](https://david-dm.org/dropzone-ui/react)
[](http://isitmaintained.com/project/dropzone-ui/react)
[](http://makeapullrequest.com)
## Importante
Esta librería ahora solo es un envoltorio de [@dropzone-ui/react](https://www.npmjs.com/package/@dropzone-ui/react). Al instalar esta librería, también estás instalando [@dropzone-ui/react](https://www.npmjs.com/package/@dropzone-ui/react).
## Inicio rápido
- :books:[\<Full Documentación\>](https://www.npmjs.com/package/@dropzone-ui/react#dropzone-ui-react-components-api)
- :earth_americas: [\<Localización\>](https://www.npmjs.com/package/@dropzone-ui/react#localization)
- |:performing_arts: [\<Ejemplos\>](https://www.npmjs.com/package/@dropzone-ui/react#Usage-and-examples)
## Installación
@dropzone-ui/react está disponible como un [paquete npm](https://www.npmjs.com/package/@dropzone-ui/react).
Para subir archivos a un servidor, la dependencia peer [axios](https://www.npmjs.com/package/axios) debe ser instalada en conjunto con `dropzone-ui`
```sh
// con npm
npm i @dropzone-ui/react axios
```
```sh
// con yarn
yarn add @dropzone-ui/react axios
```
## Ejemplo de resultado:
En operaciones `Drag`, `Drop` ,`Upload`, y vista previa en pantalla completa. (también cambiando el modo de vista de `grid` a `list`).
¿Te gustó el proyecto? No olvides regalarnos una :star: estrella en :octocat: [github](https://github.com/dropzone-ui/dropzone-ui) :D
<p align="center">
<img align="center" width="35%" src="https://user-images.githubusercontent.com/43678736/132642335-dc7e7ceb-ae86-4f81-8625-4ee28dc5f593.png" alt="dropone-ui-logo"><img align="center" width="35%" src="https://user-images.githubusercontent.com/43678736/132642336-e295d84d-d950-43b2-b9fc-0529b4ecfe46.png" alt="dropone-ui-logo"><img align="center" width="35%" src="https://user-images.githubusercontent.com/43678736/132642339-2cd996a3-7754-46c9-89ed-56291972154f.png" alt="dropone-ui-logo"><img align="center" width="35%" src="https://user-images.githubusercontent.com/43678736/132642341-b1eb2bfe-8134-4cdf-a808-62b14058b4c1.png" alt="dropone-ui-logo">
</p>
</p>
<p align="center">
<img align="center" width=70%" src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wxk14o6zhloz2z3zypy.png" alt="dropone-ui-logo">
</p>
## License
Este proyecto está licenciado bajo los terminos de la
[Licencia MIT](/LICENSE).