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.

Type

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

Content

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 Upload and Attach presets are available to provide further flexibility for various appliction scenarios.

Warning

After inserting a File Upload Pattern you should trigger Detach from Symbol in order to be able to generate it as Angular code. The individual Components, however, must stay intact and not be detached!

Additional Resources

Related topics:

Our community is active and always welcoming to new ideas.