BrickclayDesign System

File card

bk-file-card: a single-file progress/status row: uploading (with a progress bar), uploaded, or failed.

bk-file-cardData displayAngular

Preview

A working preview of File card in the Brickclay style. Try it.

PDFQ3-report.pdf2.4 MB · 65%
PNGbrand-cover.png820 KB · Uploaded
DOCcontract.docxUpload failed, please try again
Interact with the preview to see events here.

Uploading

Uploaded

Failed

Upload failed, please try again

Try again

API reference

InputTypeDefaultDescription
state'uploading' | 'uploaded' | 'failed''uploading'Which visual state to render.
fileName / fileSizestring / stringnull– | Display text.
progressnumber650–100, used while state="uploading".
errorMessagestring–Shown while state="failed".
removeEventEmitter<string>outputEmits the card's id.