Atom

A new way of building twig templates in a cleaner, modular way.

{# _atoms/my-atom.twig #}
<div>
    <h1>{{ heading }}</h1>
    {{ before }}
    {{ children }}
</div>

{# _atoms/another.twig #}
<p>Nullam quis risus eget urna mollis ornare vel eu leo.</p>

{# index.twig #}
{% set cardName = 'example' %}
{% set before %}
    {% x:[cardName ~ '-card'] %}
{% endset %}
{% x:my-atom { 
    heading: "Hello world!",
    before,
} %}
    <p>Lorem ipsum dolor amet</p>
    {% x:another %}
{% endx:my-atom %}