# 4-Column Icon Tiles Repeating Group

## Overview

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-M_YtgmR3BZ_dOBcQ9hK%2F-M_YwrgoLes9loEmqfOA%2Ficon-tiles.png?alt=media\&token=abb3488f-fec1-40f1-8df6-db01ceb7e04e)

This repeating group is helpful for the following uses cases:

* To display a list of categories that then display a list of filtered results or content.
* To display a list of features or benefits.
* To create a custom multi-select repeating group where users can select one or more options before proceeding to the next step. 

## Structure

When this block is added to a page, it is placed within a group called **Blocks container 860 (do not rename)** on the page. This group contains the responsive settings for all blocks.

* This block contains three main groups:
  * **Group Responsive left vertical padding**  and **Group Responsive right vertical padding**\
    For responsiveness (please do not delete), this maintains the padding between the content and the outer parent group.
  * **Group Inner cell hover\_Dummy** - If you add more elements to the group, please ensure that they are contained within this main content group.
* All data is displayed in **RepeatingGroup Dummy.**

## How to set up

* Update **RepeatingGroup Dummy's** data source.
* Update the data source of the inner texts and links in the block. 
* Remove the placeholder conditionals on the icon element and the title element. 
* If you are using this asset to create a multi-select repeating group, the selected state can look like this:

![Multi-select repeating group selected state style](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-M_YtgmR3BZ_dOBcQ9hK%2F-M_Yz1Tc-0U4mQLPYJcB%2Fimage.png?alt=media\&token=1be0f505-abfa-4617-a85e-8d2b2cec82d5)