jatui

FileThumbnail

File thumbnail with MIME-aware icon fallback

Sizes

photo.jpg
sm
photo.jpg
md
photo.jpg
lg
photo.jpg
xl

MIME-aware icons

photo.jpg
photo.jpg
photo.png
photo.png
report.pdf
blueprint.dwg
archive.zip
document.docx
data.csv
broken-img.png
broken-img.png

Props

PropTypeDefaultDescription
namestring-File name (used for alt text and fallback label)
mimeTypestring-MIME type — controls which icon is shown when no image renders
urlstring-Image URL; falls back to icon on error or missing
size"sm" | "md" | "lg" | "xl""md"Tile size

Icon rules

MIMEIcon
image/* + valid URLImage preview (falls back to icon on error)
application/pdfPDF icon (red)
image/vnd.dwgCAD icon (blue)
application/zipArchive icon (yellow)
anything elseGeneric document icon