> For the complete documentation index, see [llms.txt](https://v5.docs.allcancode.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v5.docs.allcancode.com/writing-frontend-logic/visualizing-a-list.md). # 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 $.