File List
If you need to display attachments in a page or form, use the file list component.
Demo and Developer GuidelinesAnatomy
Behavior
Links should open an overlay preview (often called a "lightbox") with download options (either individual or bulk) inside.
Core React does not have a component dedicated to previewing media today. Despite that, using an older lightbox, or even previews within the default browser, is still the preferred experience. If you can, please contribute a lightbox to help us close this gap and improve the design system!
Contribution
We’re looking for support adding the following features to File List:
We are also interested in accessibility improvements, specifically using the arrow keys to navigate this list instead of tab, so that keyboard users do not get trapped.
Finally, a separate lightbox component (a modal or overlay with a file preview) will help improve this experience and break away from reliance on older patterns.
Finally, a separate lightbox component (a modal or overlay with a file preview) will help improve this experience and break away from reliance on older patterns.