Import pattern
The import action transfers data or objects from an external source into a system.
Status:
Maintainers:

Example of an import modal in context
Choose a file
Wherever possible there should be a drag and drop zone. Use a file drop component and offer the option to browse locally to select a file. Note that file selection should be restricted to allowed file types.

Example of an import modal

Example of drag and drop file import

Example of loaded files in the import modal
Import from a URL
If your product supports importing from a URL, use this method.

Example of importing with a URL