UNPKG

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
: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> [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/dropzone-ui/react/blob/HEAD/LICENSE) [![npm latest package](https://img.shields.io/npm/v/@dropzone-ui/react.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen)](https://www.npmjs.com/package/@dropzone-ui/react) [![Rate on Openbase](https://badges.openbase.com/js/rating/@dropzone-ui/react.svg)](https://openbase.com/js/@dropzone-ui/react?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge) [![Build Status](https://app.travis-ci.com/dropzone-ui/react.svg?branch=master)](https://app.travis-ci.com/dropzone-ui/react) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/dropzone-ui/dropzone-ui.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/dropzone-ui/dropzone-ui/context:javascript) [![Total alerts](https://img.shields.io/lgtm/alerts/g/dropzone-ui/dropzone-ui.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/dropzone-ui/dropzone-ui/alerts/) [![Known Vulnerabilities](https://snyk.io/test/github/dropzone-ui/react/badge.svg)](https://snyk.io/test/github/dropzone-ui/react) [![Package Quality](https://packagequality.com/shield/dropzone-ui.svg)](https://packagequality.com/#?package=dropzone-ui) [![install size](https://packagephobia.com/badge?p=@dropzone-ui/react)](https://packagephobia.com/result?p=@dropzone-ui/react) [![dependencies Status](https://status.david-dm.org/gh/dropzone-ui/react.svg)](https://david-dm.org/dropzone-ui/react) [![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/dropzone-ui/react.svg)](http://isitmaintained.com/project/dropzone-ui/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](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).