Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components:
Content – Hidden | Presentation | List | Outcomes | Image
Input – Input | Radio | Checkbox | Toggle | Text | Rich Text | Combobox
Data – File Upload | Table | Files | Tiles
Charts – Bar | Line | Pie | Doughnut | Polar Area
Let’s take a look at the file upload component.
File upload
The file upload component allows the user to upload files.
We can add isAutoUpload as an attribute of File Upload.
The isAutoUpload key takes two values — true or false — to indicate if the component should auto-upload files when a user drops a file into the component. For example, here the value is true:
Editing the metadata
This is what the metadata of the File Upload component looks like:
By default, attributes is to set to null. We can update it with the following code:
|
1 2 3 |
"attributes": { "isAutoUpload": true } |
We can change the value from true to false based on our requirements.
Attributes
Goody bag
- Tutorial that uses the File Upload component — Tutorial: Uploading files in Box using an app