11<p align =" center " >
22<img align =" center " height =" 150 " src =" https://user-images.githubusercontent.com/43678736/132112022-0ca409ae-cca2-43c8-be89-110376260a3f.png " alt =" dropone-ui-logo " >
33
4- <h1 align =" center " > Dropzone UI </h1 >
4+ <h1 align =" center " > dropzone-ui </h1 >
55
66</p >
77
88[ ![ license] ( https://img.shields.io/badge/license-MIT-blue.svg )] ( https://github.com/dropzone-ui/dropzone-ui/blob/HEAD/LICENSE )
99[ ![ npm latest package] ( https://img.shields.io/npm/v/dropzone-ui.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen )] ( https://www.npmjs.com/package/dropzone-ui )
1010[ ![ dependencies Status] ( https://status.david-dm.org/gh/dropzone-ui/dropzone-ui.svg )] ( https://david-dm.org/dropzone-ui/dropzone-ui )
1111[ ![ Build Status] ( https://app.travis-ci.com/dropzone-ui/dropzone-ui.svg?branch=master )] ( https://app.travis-ci.com/dropzone-ui/dropzone-ui )
12- [ ![ install size] ( https://packagephobia.com/badge?p=dropzone-ui )] ( https://packagephobia.com/result?p=dropzone-ui )
1312[ ![ 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/ )
1413[ ![ 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 )
1514[ ![ Known Vulnerabilities] ( https://snyk.io/test/github/dropzone-ui/dropzone-ui/badge.svg )] ( https://snyk.io/test/github/dropzone-ui/dropzone-ui )
15+ [ ![ Package Quality] ( https://packagequality.com/shield/dropzone-ui.svg )] ( https://packagequality.com/#?package=dropzone-ui )
16+ [ ![ install size] ( https://packagephobia.com/badge?p=dropzone-ui )] ( https://packagephobia.com/result?p=dropzone-ui )
1617[ ![ PRs Welcome] ( https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square )] ( http://makeapullrequest.com )
1718
1819## Description
@@ -21,7 +22,9 @@ Dropzone UI is a mini set of [React](https://reactjs.org/) components for managi
2122
2223## Sample result:
2324
24- On ` Drag ` , ` Drop ` and ` Upload ` . (also changing view mode from ` grid ` to ` list ` )
25+ On ` Drag ` , ` Drop ` and ` Upload ` . (also changing view mode from ` grid ` to ` list ` ).
26+
27+ Did you like the package? Don't forget to give us a star on [ github] ( https://github.com/dropzone-ui/dropzone-ui ) : D
2528
2629<p align =" center " >
2730<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 " >
@@ -76,7 +79,7 @@ Yes, it's really all you need to get started as you can see in these live and in
7679| Dropzone Complete example| [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/complete-946hz?file=/src/index.js ) |
7780| File item props| [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/fileitem-props-o0w5x ) |
7881| No preview FileItem| [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/no-preview-14i2m ) |
79- | InputFileButton| [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/inputbutton-example-poqsn?file=/src/App.js ) |
82+ | InputFileButton & FileItemContainer | [ ![ Edit Button] ( https://codesandbox.io/static/img/play-codesandbox.svg )] ( https://codesandbox.io/s/inputbutton-example-poqsn?file=/src/App.js ) |
8083| Server side upload file | https://github.com/dropzone-ui/file-upload-server-side/tree/main/expressjs |
8184
8285# Dropzone UI Components API
0 commit comments