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

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 an import modal

Example of drag and drop file import

Example of drag and drop file import

Example of loaded files in the import modal

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

Example of importing with a URL