Twig Playground

Reset

JSON variables:

These will become variables available to the twig template files

xxxxxxxxxx
 
{ "text": "demo", "items": [{ "name": "A" }, { "name": "B" }] }

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>
xxxxxxxxxx
 
<h1>{{ text | title }}</h1><ul>{% for item in items %}    <li>{{ item.name }}</li>{% endfor %}</ul>​

Raw Output:

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

Rendered Output: