You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CHANGELOG.md
+15-1Lines changed: 15 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -9,6 +9,20 @@
9
9
10
10
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
[React](https://reactjs.org/) set of components for a complete file upload management awith image previews on user inteface. There already exists some very good libraries; However, **inspired** in those ones, there was created something **new** and **more powerful**. Google's Material design principles were also considered in development. Indeed, icons come from [Material design icons](https://fonts.google.com/icons).
[](https://openbase.com/js/@dropzone-ui/react?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
[](https://openbase.com/js/@dropzone-ui/react?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
[React](https://reactjs.org/) set of components for a complete file upload management awith image previews on user inteface. There already exists some very good libraries; However, **inspired** in those ones, there was created something **new** and **more powerful**. Google's Material design principles were also considered in development. Indeed, icons come from [Material design icons](https://fonts.google.com/icons).
23
+
24
+
24
25
## Sample result:
25
26
26
27
On `Drag`, `Drop`, `Upload` and ful screen preview. (also changing view mode from `grid` to `list`).
@@ -87,6 +88,9 @@ Yes, it's really all you need to get started as you can see in these live and in
|Server side example for upload a file |https://github.com/dropzone-ui/file-upload-server-side/tree/main/expressjs|
89
90
91
+
# Localization
92
+
Dropzone-ui is available in different languages. So far, we only support `English`, `Spanish`, `French` and `Portuguese`. However we pretend to expand it to more languages.
93
+
90
94
# Dropzone UI react Components API
91
95
92
96
-[\<Dropzone/>](#dropzone-api)
@@ -110,7 +114,7 @@ Yes, it's really all you need to get started as you can see in these live and in
110
114
| footer |`boolean`|`true`| if true, shows the dropzone footer |
111
115
| header |`boolean`|`true`| if true, shows the dropzone header |
112
116
| label |`string`| "Drop your files here" | Label to place when no files selected |
113
-
| localization [](https://img.shields.io/badge/new-feature-green)|`"EN-en"`\|`"ES-es"`\|`"FR-fr"`|`"EN-en"`| The language to present labels. Only English, French and Spanish are suported for now. |
117
+
| localization [](https://img.shields.io/badge/new-feature-green)|`"EN-en"`\|`"ES-es"`\|`"FR-fr"`\|`"PT-pt"`|`"EN-en"`| The language to present labels. So far, only `English`, `Portuguese`, `French` and `Spanish` are suported. |
114
118
| method |`"POST"`\|`"PUT"`\|`"PATCH"`|`"POST"`| The method for uploading. |
115
119
| maxFiles |`number`| 7 | Max `number` of files to be accepted. If the value is 1, will click event dialog to allow just asingle file |
116
120
| maxFileSize |`number`|`undefined`| max file size allowed in bytes. if not preent, will not be considered on validating the file |
@@ -134,7 +138,7 @@ Yes, it's really all you need to get started as you can see in these live and in
134
138
| hd |`boolean`|`undefined`| If present, preview on full screen will be presented in the real image resolution |
135
139
| id |`string`\|`number`|`undefined`| identifier for the file |
136
140
| info |`boolean`|`false`| If present, the info layer and the info button will ve visible |
137
-
| localization [](https://img.shields.io/badge/new-feature-green)|`"EN-en"`\|`"ES-es"`\|`"FR-fr"`|`"EN-en"`| The language to present labels. Only English, Spanish and French are suported for now. |
141
+
| localization [](https://img.shields.io/badge/new-feature-green)|`"EN-en"`\|`"ES-es"`\|`"FR-fr"`\|`"PT-pt"`|`"EN-en"`| The language to present labels. So far, only `English`, `Portuguese`, `French`and `Spanish` are suported.|
138
142
| onDelete |`Function`|`undefined`| A `Function` of what to do when close button is pressed or clicked |
139
143
| onSee |`Function`|`undefined`| A `Function` of what to do when "see" button is pressed or clicked. Returns as first parameter the image url. If `hd` present, will return the image url in the real quality. Otherwise, will return a minimized image with less resolution in order to save memory. |
140
144
| preview |`boolean`|`false`| If present, and if `onSee` present, "see" button will be visible and on click will trigger `onSee` function |
0 commit comments