The File List component represents a list of files. It is visually similar to the Uploader component, but only allows the user to access files, not to upload them. Each file block contains the file’s name, and may also include the date uploaded, file size and actions a user may take.
* Required property
time | size | none
Properties of the objects passed to
preview | download
preview download. No button is rendered if left empty.
Usage in HTML
Edit the code below to see changes reflected in the example above.
Usage in Elm
The component renders a list. The semantics provide additional affordances to screen reader, such as the number of items in the list.
The icononly buttons have a tooltip for visual users, e.g. "Download" and a context-specific message for screen reader users, e.g. "Download filename.xls".