Skip to main content

FileUpload Item

shadow

Element FileUploadItem predstavuje individuálnu položku (súbor) v rámci FileUpload komponentu. Zobrazuje podrobnosti, ako je názov súboru, veľkosť, priebeh nahrávania, a poskytuje akcie, ako je vymazanie súboru. Tento komponent je určený na použitie v kontexte FileUpload komponentu.

Pre viac informácií o použití FileUploadItem sa presuňte do dokumentácie elementu FileUpload

Základné použitie

S obrázkom

Is uploaded

Atribút is-uploaded zobrazí element v stave nahratého súboru.

Atribúty a Vlastnosti

isUploaded

DescriptionIndicates whether the file was successfully uploaded.
Attributeis-uploaded
Typeboolean
Defaultfalse

size

DescriptionThe size of the uploaded file in bytes.
Attributesize
Typestring
Defaultundefined

name

DescriptionThe name of the file being uploaded.
Attributename
Typestring
Defaultundefined

uploaded by

DescriptionThe size of the already uploaded part of the file in bytes.
Attributeuploaded by
Typestring
Default0

progress

DescriptionPercentage of file upload progress (0-100).
Attributeprogress
Typestring
Default0

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

NameDescription
imageFile preview container or file type icon.

CSS Custom Vlastnosti

NameDescription
--wje-file-upload-item-border-widthThe margin width of the file entry.
--wje-file-upload-item-border-styleThe border style of the file entry.
--wje-file-upload-item-border-colorThe border color of the file item.
--wje-border-radius-mediumRound the edges of the file item.
--wje-border-colorThe colour of the image preview border.

Sloty

NameDescription
imgSlot for icon or file preview.
actionSlot for action buttons (includes delete button as standard).