Visualizing a list

Step 1: Create a component

First way of implementation

Step 2: Create a child component

Step 3: Right click on the child component

Step 4: Select "Properties"

Step 5: Add a property and type the name

Step 6: Select component

Step 7: Import the child component

Step 8: Select the child component, tap on "Visibility" panel, fill in "List Variable" and "Item Variable"

Step 9: Select child component and fill in "Text" field (content view panel) with list option's label starting with $.

Second way of implementation

Step 2: Import container

Step 3: Select container

Step 4: Create a variable and complement "List Variable" field (list view panel) with variable's name starting with $.

Step 5: Create a child component

Step 7: Complement "Item Variable" and select a component from "Component Name" dropdown

Step 8: Select child component

Step 9: Import a text

Step 10: Fill "Text" field (content view panel) with list option's label starting with $.