Dropzone component
Figma Component
Dropzone component provides either a file drag & drop zone or a native File selection dialog.
Add Files
Upload a .zip file containing the code for a robot that follows the robot structure guidlines.
Properties
| Name | Description | Default |
|---|---|---|
| description | Dropzone explanatory description | - |
| disabled | Dropzone disabled state | - |
| dropTitle | Dropzone content when a file is moved over the drop zone | - |
| error | Error text displayed as an overlay | - |
| multiple | Allow drag 'n' drop (or selection from the file dialog) of multiple files Defaults to true | - |
| onDrop required | File drop callback that returns an array of the traget File objects | - |
| title | Dropzone title | - |
Note: This table does not include native DOM and React properties like `onClick`, `ref`, `id`, `aria-label` (and many others) supported by this component.
Disabled State
Add Files
Upload a .zip file containing the code for a robot that follows the robot structure guidlines.
Single File
Add File
Upload a .zip file containing the code for a robot that follows the robot structure guidlines.