shadow
The FileUploadItem element represents an individual item (file) within the FileUpload component. Displays details such as file name, size, upload progress, and provides actions such as deleting the file. This component is intended to be used in the context of the FileUpload component.
For more information on using FileUploadItem, navigate to the documentation of the FileUpload element
The is-uploaded attribute displays the element in the uploaded file state.
| Description | Indicates whether the file was successfully uploaded. |
| Attribute | is-uploaded |
| Type | boolean |
| Default | false |
| Description | The size of the uploaded file in bytes. |
| Attribute | size |
| Type | string |
| Default | undefined |
| Description | The name of the file being uploaded. |
| Attribute | name |
| Type | string |
| Default | undefined |
| Description | The size in bytes of the already uploaded part of the file. |
| Attribute | uploaded by |
| Type | string |
| Default | 0 |
| Description | Percentage of file upload progress (0-100). |
| Attribute | progress |
| Type | string |
| Default | 0 |
No events available for this component.
No public methods available for this component.
| Name | Description |
|---|
image | File preview container or file type icon. |
| Name | Description |
|---|
--wje-file-upload-item-border-width | The margin width of the file entry. |
--wje-file-upload-item-border-style | The border style of the file entry. |
--wje-file-upload-item-border-color | The border color of the file item. |
--wje-border-radius-medium | Round the edges of the file item. |
--wje-border-color | The colour of the image preview border. |
| Name | Description |
|---|
img | Slot for icon or file preview. |
action | Slot for action buttons (includes delete button as standard). |