<ul class="list list--unstyled">
<li>a list item</li>
<li>another list item</li>
<li>and another list item</li>
<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum</li>
</ul>
<{{ modifier == 'ordered' ? 'ol' : 'ul' }} class="list{{ modifier is defined ? ' list--' ~ modifier}}">
{% for text in list %}
<li>{{ text }}</li>
{% endfor %}
</{{ modifier == 'ordered' ? 'ol' : 'ul' }}>
{
"modifier": "unstyled",
"list": [
"a list item",
"another list item",
"and another list item",
"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum"
]
}