Circle Image
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. |
Updated 20 days ago
Did this page help you?