Generating content with a loop can be done with the `<c:forEach/>` tag and with the `<ui:repeat/>` tag.

Tag Library Documentation: |

The following example show three rivers with their length and average dischage by default.

You can add a new river to the list or reset the list to the default value of 'Nile', 'Amazon' and 'Yangtze'.

The rivers are displayed as `<tc:box/>` tags withing a `<tc:segmentLayout/>`.

    <tc:segmentLayout medium="6seg 6seg">
      <c:forEach items="\#{forEachController.rivers}" var="river">
        <tc:box label="\#{river.name}">
          ...

In this example, the each data of a river is put in a `<tc:section/>`

    <ui:repeat value="\#{forEachController.rivers}" var="river">
      <tc:section label="\#{river.name}">
        ...