A circular image component is commonly used to represent a user's avatar and contains an image source.

Adding a Circle Image component

Select the Circle Image component from the Components drawer. You can open the list of components by clicking the + button next to Components.
In the Data tab (third tab) in the Properties Panel, set the Source Type to Static. Then, in Source, select the image from uploaded assets.
In the Configs tab (second tab), modify the Size.

The Circle Image component uses a static source type in the example above. There are three different options available to assign a Source Type of an image:

Static when the image source is an uploaded asset
Remote Url when the image source is an url
Data when the image source is coming from the REST API service you've integrated inside Draftbit.

Configuration Properties

Property	Description
Component Name	To alter the name of the component. The name is reflected in the Components tree. Defaults to Circle Image.
Size	Size of the image component. Sets the width and height equal to maintain the discoid.