File Upload

    Use the File Upload Pattern to provide the uploading and insertion mechanisms for files, images, or attachments.

    The File Upload Pattern comes with the styling flexibility provided by the Avatar and Icon Button that constitute its layout.


    The File Upload Pattern provides two types of previews for the uploaded file: an Avatar and a Document, shown in a standard image.


    The File Upload Pattern of type Document supports the most common types of content that are usually uploaded or inserted as Documents: CSV, PDF, Presentation, Spreadsheet, and Text. Additionally, an Attach preset is available to provide further flexibility for various appliction scenarios.

    Additional Resources

    Related topics:

    Our community is active and always welcoming to new ideas.