Upload Box
Upload Box displays the status of all uploaded files.
| Class | Type | |
|---|---|---|
upload-box
|
Upload Box | A class representing an upload box |
Components
Upload Boxes consist of six components:
| Class | Type |
|---|---|
upload-box-header
|
Header |
upload-box-title
|
Title |
upload-box-content
|
Content |
upload-box-list
|
List |
upload-box-item
|
Item |
is-open
|
Open State |
File Uploads3
- %
- %
- %
File Uploads3
- 30%pending
- 60%failed
File Uploads
3
class="progress"
style="--progress-value:20"
role="progressbar"
aria-valuenow="20"
aria-valuemin="0"
aria-valuemax="100"
>
%
&
class="progress"
style="--progress-value:70"
role="progressbar"
aria-valuenow="20"
aria-valuemin="0"
aria-valuemax="100"
>
%
&
class="progress"style="--progress-value:100"role="progressbar"aria-valuenow="20"aria-valuemin="0"aria-valuemax="100">
%
&
File Uploads
3
30%
hello.mp4
pending
class="progress"style="--progress-value:70"role="progressbar"aria-valuenow="20"aria-valuemin="0"aria-valuemax="100">
60%
hello.mp4
failed
class="progress"style="--progress-value:100"role="progressbar"aria-valuenow="20"aria-valuemin="0"aria-valuemax="100">
hello.mp4