#Iterate

#Components

#Array

Iterate.Array works in many ways similar to field-components. It has a value-property that can receive an array or you can give it a path if you want it to retrieve an array from a surrounding DataContext. All children components of Iterate.Array are rendered once per item the array-value consists of.

#AnimatedContainer

Iterate.AnimatedContainer can be used to animate items when they are added or removed.

#PushButton

Iterate.PushButton builds on top of the same data flow logic as field components, but the only thing it changes in the value it receives or retrieves from source data is adding a new item to the array.

#PushContainer

Iterate.PushContainer enables users to create a new item in the array.

#RemoveButton

Iterate.RemoveButton connects to the array of a surrounding Iterate.Array and removes the item when clicked.

#ViewContainer

Iterate.ViewContainer enables users to toggle (with animation) the content of each item between the view and edit container.

#EditContainer

Iterate.EditContainer enables users to toggle (with animation) the content of each item between the view and edit container.

#Count

Iterate.Count is a helper component / function that returns the count of a data array or object.

#ItemNo

Iterate.ItemNo is a helper component that can be used to render the current item number (index) in a given string.

#Toolbar

Iterate.Toolbar is a helper component to be used within an Iterate.AnimatedContainer to add a toolbar to each item in the array.

#Visibility

The Iterate.Visibility component allows you to conditionally display content based on relative paths (itemPath) within an Iterate.Array component.