|
13 | 13 | [](https://lgtm.com/projects/g/dropzone-ui/dropzone-ui/alerts/) |
14 | 14 | [](https://lgtm.com/projects/g/dropzone-ui/dropzone-ui/context:javascript) |
15 | 15 | [](https://snyk.io/test/github/dropzone-ui/dropzone-ui) |
16 | | -[](https://www.jsdelivr.com/package/npm/dropzone-ui) |
17 | 16 | [](http://makeapullrequest.com) |
18 | 17 |
|
19 | 18 | ## Description |
20 | 19 |
|
21 | | -Dropzone UI is a mini set of [React](https://reactjs.org/) components for managing file uploads, image previews and all with **little** code needed. Components were made inspired on other existing libraries like [react-dropzone](https://www.npmjs.com/package/react-dropzone) and [dropzonejs](https://www.npmjs.com/package/dropzone) (however, both are **not** dependencies in order avoid increasing the package size and the idea is to **create** something **new** having many good existing libraries only as **reference**). Also, some componetes follows some of the good google's Material design principles. Actually, all the icons involved are google material design icons. |
| 20 | +Dropzone UI is a mini set of [React](https://reactjs.org/) components for managing file uploads, image previews and all with **little** code needed. Components were made inspired on other existing libraries (however, those are **not** dependencies in order avoid increasing the package size and the idea is to **create** something **new** having many good existing libraries only as **reference**). Also, some componetes follows some of the good google's Material design principles. Indeed, all the icons involved are google material design icons. |
22 | 21 |
|
23 | 22 | ## Sample result: |
24 | 23 |
|
@@ -71,11 +70,13 @@ ReactDOM.render(<App />, document.querySelector("#app")); |
71 | 70 | ``` |
72 | 71 |
|
73 | 72 | Yes, it's really all you need to get started as you can see in these live and interactive demos: |
74 | | -| Name | Go | |
| 73 | +| Name | Codesandbox | |
75 | 74 | |-|-| |
76 | | -|Basic example|[](https://codesandbox.io/s/basic-3j01v?file=/src/index.js)| |
77 | | -|Complete example|[](https://codesandbox.io/s/complete-946hz?file=/src/index.js)| |
| 75 | +|Dropzone Basic example|[](https://codesandbox.io/s/basic-3j01v?file=/src/index.js)| |
| 76 | +|Dropzone Complete example|[](https://codesandbox.io/s/complete-946hz?file=/src/index.js)| |
78 | 77 | |File item props|[](https://codesandbox.io/s/fileitem-props-o0w5x)| |
| 78 | +|No preview FileItem|[](https://codesandbox.io/s/no-preview-14i2m) | |
| 79 | +|InputFileButton|[](https://codesandbox.io/s/inputbutton-example-poqsn?file=/src/App.js)| |
79 | 80 | |Server side upload file | https://github.com/dropzone-ui/file-upload-server-side/tree/main/expressjs | |
80 | 81 |
|
81 | 82 | # Dropzone UI Components API |
|
0 commit comments