Twig Playground

Reset

JSON variables:

These will become variables available to the twig template files

Twig Files:

Only the first file is compiled, but other files can be included or extended

index.html.twig
+ Add file

                                <h1>{{ text | title }}</h1>
<ul>
{% for item in items %}
    <li>{{ item.name }}</li>
{% endfor %}
</ul>

                            

HTML Output:

<h1>Demo</h1>
<ul>
    <li>A</li>
    <li>B</li>
</ul>