Home

Guides

Editor

Components

Actions

Conditions

Components

Basic

Container

Text

Image

Icon

Button

Forms

Local State

Text Input

Date Picker

Logic

Conditional Logic

Conditional Switch Logic

Modal

Sheet

Pager

Tabbed Pager

Data

Data Loader

Repeating Item

Countdown Timer

Data Transformer

Date Elements

Paging Data Loader

Contentful

Rich Text

Repeating Item Component Documentation

Overview

The Repeating Item Component is designed to dynamically generate and display a list or set of items based on a provided data source. It is particularly useful for rendering repetitive data structures, such as lists of products, users or any other data set that requires iteration for display in a user interface.


Key Features

  • Dynamic Data Binding

  • Customisable Item Templates

  • Conditional Rendering


Component Fields

1. Path

2. Component

3. Condition Creator

This field allows you to define the specific condition that will occur. To set up the condition, click on the field to display the condition options and select the desired condition from the list. Click here to learn more about Conditions.

Preview

4. Repeat preview data


Best Practices for Using the Repeating Item Component

  • Efficient Data Management:Use effective data management techniques, such as lazy loading or pagination, to enhance performance, especially with large data sets.

  • Responsive Design:Ensure the item template is responsive to different screen sizes and devices, providing a consistent user experience.

  • Testing for Edge Cases: Test the component with various data scenarios, including empty states, large data sets, and extreme values, to ensure robust functionality.