The ld-upload-item
component is a subcomponent for ld-file-upload
/ ld-upload-progress
.
Please refer to the ld-file-upload
documentation for usage examples.
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
allowPause |
allow-pause |
Defines whether the user will be able to pause uploads. | boolean |
undefined |
file |
-- | File of type File. | File |
undefined |
fileName |
file-name |
Name of the uploaded file. | string |
undefined |
fileSize |
file-size |
Size of the uploaded file in bytes. | number |
undefined |
fileType |
file-type |
Type of the uploaded file. | string |
undefined |
labelDelete |
label-delete |
Label to be used for the tooltip of the delete button. | string |
Delete |
labelDownload |
label-download |
Label to be used for the tooltip of the download button. | string |
Download |
labelRemove |
label-remove |
Label to be used for the tooltip of the remove button. | string |
Remove |
labelRetry |
label-retry |
Label to be used for the tooltip of the retry button. | string |
Retry |
labelUploadCancelledMsg |
label-upload-cancelled-msg |
Label to be used for upload cancelled message. | string |
Upload of this file has been cancelled |
labelUploadErrorMsg |
label-upload-error-msg |
Label to be used for upload error message. | string |
Error! Upload was unsuccessful |
labelUploadSuccessMsg |
label-upload-success-msg |
Label to be used for upload success message. | string |
Upload was successful! |
ldTabindex |
ld-tabindex |
Tab index of the progress item. | number |
undefined |
progress |
progress |
Upload progress in percent. | number |
0 |
ref |
ref |
reference to component | any |
undefined |
showProgress |
show-progress |
Defines whether the total progress of all upoading files will be shown in the progress button | boolean |
false |
state |
state |
State of the file. | "cancelled" | "paused" | "pending" | "upload failed" | "uploaded" | "uploading" |
'pending' |
uploadItems |
-- | List of all files currently in component | UploadItem[] |
[] |
graph TD;
ld-upload-item --> ld-icon
ld-upload-item --> ld-typo
ld-upload-item --> ld-button
ld-upload-item --> ld-sr-only
ld-upload-item --> ld-progress
ld-upload-item --> ld-input-message
ld-input-message --> ld-icon
ld-upload-progress --> ld-upload-item
style ld-upload-item fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS