|
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) |
16 | 17 | [](http://makeapullrequest.com) |
17 | 18 |
|
18 | 19 | ## Description |
19 | 20 |
|
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 like [react-dropzone](https://www.npmjs.com/package/react-dropzone) and [dropzonejs](https://www.npmjs.com/package/dropzone). Also, following some of the good google's Material design principles and icons. |
| 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. |
21 | 22 |
|
22 | 23 | ## Sample result: |
23 | 24 |
|
@@ -164,9 +165,9 @@ Yes, it's really all you need to get started as you can see in these live and in |
164 | 165 | | multiple | `boolean` | `false` | whether to accept multiple files or not | |
165 | 166 | | onChange | `Function` | `undefined` | What to do after selecting the files. Returns the File[] to the parent component | |
166 | 167 | | style | `React.CSSProperties` | {} | the in-line style object | |
167 | | -| text | `"uppercase"` \| `"capitalize"` \| `"lowercase"` \| `"none"` | `"capitalize"` | the text transfor for the button label | |
| 168 | +| text | `"uppercase"` \| `"capitalize"` \| `"lowercase"` \| `"none"` | `"capitalize"` | The text transform for the text inside the button label | |
168 | 169 | | textColor | `string` | "white" | The font color in case variant is `"contained"` | |
169 | | -| validator | (f: `File`) => `boolean` | `undefined` | must be a function that recieves as first parameter a File Object and must return a boolean value. This function will be used instead of the default validator | |
| 170 | +| validator | (f: `File`) => `boolean` | `undefined` | Must be a function that recieves as first parameter a File Object and must return a boolean value. This function will be used instead of the default validator | |
170 | 171 | | variant | `"text"` \| `"outlined"` \| `"contained"` | `"contained"` | The variant of the button | |
171 | 172 |
|
172 | 173 | ## License |
|
0 commit comments