Using a URL-based image

One way to incorporate images in your project is to use an Image component in conjunction with a URL to an Internet-hosted image file.

To configure an Image component that uses a URL-based image file, use this procedure:

Obtain the complete URL for the Internet-hosted image file.

Note: Different web browsers use different methods for obtaining this URL. For assistance, refer to the help for your web browser.
In App Builder, place an Image component in the desired Flexbox.
Select the Image component.
In the Properties panel, select the Content tab.
For the Source option, click Show More.
From the Source drop-down list, select {Static Value}.
In the Display Value field, paste the complete URL for the image file.

Note: You must use a complete URL; that is, a web address beginning with http:// or https://.

Assuming you are connected to the Internet, the Image component should immediately display the image.