How to Use Repeating Groups in Bubble.io

Quick summary

A Repeating Group in Bubble.io lets you display dynamic database records in a structured, repeating layout on your page. This tutorial walks you through adding a search input, configuring the repeating group's data source, designing the cell template, and wiring up a filter workflow — all without writing code.

Steps

1. Add a search input to the page to filter your repeating group content.
2. Customize the input field so it can be used to search through items in the repeating group.
3. Set a placeholder text like "Search Input" to help users understand what the field does.
4. Rename the input field to "Search Input" so it can be easily referenced in workflows.
5. In the element search bar, type "Repeating Group" to find the element.
6. Drag a Repeating Group element onto your page to display multiple data items in a structured format.
7. Set the Data Source by selecting which database objects the repeating group should display.
8. Configure the Type of Content to tell the repeating group what kind of data it is working with.
9. Click inside the repeating group cell to design the template for each repeated item.
10. Add elements inside the cell and connect them to the Current Cell's Item data.
11. Set up a workflow that filters the repeating group whenever the text in the search input changes.