Rectangle
You can use the rectangle component as a background for other components or to create patterns for different scenarios. This topic describes how to configure the rectangle component.
Limits
The rectangle component is supported only in the style templates of composite components, such as repeat lists and free cards.
Step 1: Add the component
Double-click the composite component to open its edit page.
Above the component list on the left side of the canvas, enter Rectangle. Find the component and drag it into a column.
Step 2: Configure the style
On the Style tab on the right, configure the border radius, fill color, and border style of the rectangle component.
Some style settings support dynamic data sources. For more information, see Data sources for configuration items.
Adjust the visibility and layout of the component on the page. For more information, see Common styles.
Step 3: Configure interactive actions
On the Interaction tab, configure events and actions. For more information, see Interaction configuration.
For example, you can configure the component to perform the Open Link action when clicked. Configure the link and how it opens.
In the upper-right corner of the page, click Preview to preview and test the component's data and appearance.