Circle
A Circle will always be round and center its content. You can use it to wrap the Image component to create, for example, user profile avatar.
Adding a Circle
- Select the Circle component from the Components drawer. You can open the list of components by clicking the
+
button next to Components. - Then, add one or more child components whose content you want to display over the blurred view. In the example below, there is an Image component that is being used as a child of the Circle.
Configuration Properties
Property | Description |
---|---|
Component Name | To alter the name of the component. The name is reflected in the Components tree. Defaults to Circle. |
Size | Define the size of the circle. |
Bg Color | Set the background of the area to be centered. |
Updated 10 months ago