AEM/HTL: Define a list/array within a HTL template (and avoid redundant code!)

Sightly Pattern "Inline List"

<!--/* We can define a list within a Sightly template to avoid redundant code */-->

<sly data-sly-test.versions="${['desktop', 'mobile']}"/>

<sly data-sly-list.identifier="${versions}">
  <div class="element ${identifier}">Repeated content</div>
</sly>

Sightly Pattern "Inline List" [Rendered]

<div class="element desktop">Repeated content</div>
<div class="element mobile">Repeated content</div>