DropZone
Last updated
Last updated
Properties | Descriptions | Required | Default |
---|---|---|---|
| An array of strings that specifies what extensions the user can include. NOTE: Do not include the dot in front of the extension. | ||
| Text displayed above the dropzone area. | ||
| The number of files that can be selected. There is a hard limit of 10 as the maximum. | ||
| If provided, replaces the word "files" in the component. | ||
| Callback function that is called whenever a user selects or unselects a file. | ||
| Text that appears when hovering over the component. | ||
| When provided, outlines the component in a red error state, and displays the value to the user as red text. | ||
| A |
DropZones give users that ability to upload a file, and a way for you to receive them. Any uploads can be passed back by the onDrop
function as a File[]
which is an internal Olive Helps type that provides a built in readFile()
function.
The below example illustrates what some of the different properties change the rendering of the component when provided.