add `note` options to write restriction instructions in (or smth else)

src/plugins/Dashboard/Dashboard.js

@@ -101,6 +101,7 @@ module.exports = function Dashboard (props) {
             totalProgress: props.totalProgress,
             totalFileCount: props.totalFileCount,
             info: props.info,
+            note: props.note,
             i18n: props.i18n,
             log: props.log,
             removeFile: props.removeFile,

src/plugins/Dashboard/FileList.js

@@ -16,6 +16,10 @@ module.exports = (props) => {
               i18n: props.i18n
             })}
           </h3>
+          ${props.note
+            ? html`<p class="UppyDashboard-note">${props.note}</p>`
+            : ''
+          }
           <input class="UppyDashboard-input" type="file" name="files[]" multiple="true"
                  onchange=${props.handleInputChange} />
          </div>`

src/plugins/Dashboard/index.js

@@ -48,6 +48,7 @@ module.exports = class DashboardUI extends Plugin {
       semiTransparent: false,
       defaultTabIcon: defaultTabIcon(),
       showProgressDetails: false,
+      note: false,
       locale: defaultLocale
     }
 
@@ -367,6 +368,7 @@ module.exports = class DashboardUI extends Plugin {
       addFile: addFile,
       removeFile: removeFile,
       info: info,
+      note: this.opts.note,
       metaFields: state.metaFields,
       resumableUploads: resumableUploads,
       startUpload: startUpload,

src/scss/_dashboard.scss

@@ -417,6 +417,18 @@
   }
 }
 
+.UppyDashboard-note {
+  font-size: 12px;
+  line-height: 1.2;
+  text-align: center;
+  margin-top: 20px;
+  color: $color-asphalt-gray;
+
+  .UppyDashboard--wide & {
+    font-size: 13px;
+  }
+}
+
 .UppyDashboardItem {
   list-style: none;
   margin: 10px 0;
@@ -550,7 +562,6 @@
     border-bottom-right-radius: 6px;
     border: 1px solid rgba($color-gray, 0.2);
     border-top: 0;
-    // height: 60px;
   }
 }