FileCard

A file shown as a card with its type icon, name and size, or as an image, video or audio preview.

Anotomy

Structure of a file card and how its parts are composed. These are its semantic parts, so they are also what the classNames and styles objects accept.
FileCard anotomy
NameDescription
1rootThe outer element of the card.
2fileThe card itself, with its background and padding. size makes it smaller.
3iconThe file type icon. It is picked from the extension of name, and icon replaces it.
4nameThe file name, from name.
5descriptionThe line under the name. It shows the size from byte, and description replaces it.