# Simple list

The loop should have a a JSON array strcuture, i.e. : be embedded in `[ ]` and contain key/ value pairs inside `{ }` , as shown below :

<pre class="language-json" data-line-numbers><code class="lang-json"><strong>{
</strong><strong>"cars" : [
</strong>    {"brand" : "Renault"},
    {"brand" : "Tesla"  },
    {"brand" : "Toyota" }
  ]
}
</code></pre>

As the loop contains only one element, we can use a dot tag `{.}` to create a list.&#x20;

| **Template**                                                              |                                                                                        | Result                                                 |
| ------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ------------------------------------------------------ |
| <p>{#cars}</p><p>- {.}</p><p>{/cars}                                 </p> | <p><span data-gb-custom-inline data-tag="emoji" data-code="27a1">➡️</span></p><p> </p> | <ul><li>Renault</li><li>Tesla</li><li>Toyota</li></ul> |

&#x20;

If the data loop contained more than 1 item type, then we would have to specify which data we want to display, with this tag :`{brand}` :

| **Template**                                                                  |                                                                                        | Result                                                 |
| ----------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ------------------------------------------------------ |
| <p>{#cars}</p><p>- {brand}</p><p>{/cars}                                 </p> | <p><span data-gb-custom-inline data-tag="emoji" data-code="27a1">➡️</span></p><p> </p> | <ul><li>Renault</li><li>Tesla</li><li>Toyota</li></ul> |