atom-engine 5.0.2

A component-oriented template engine built on Tera with props, slots, and provide/inject context
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

{# Test: Components - Card Component #}
{%-- atom: @props(title:String, collapsible:Boolean=false) --%}
<div class="card">
    <div class="card-header">
        <h3>{{ title }}</h3>
        {% if collapsible %}
        <button class="toggle">+</button>
        {% endif %}
    </div>
    <div class="card-body">
        {% if $slots.default %}
            {{ $slots.default() }}
        {% else %}
            <p>No content provided</p>
        {% endif %}
    </div>
    {% if $slots.footer %}
    <div class="card-footer">
        {{ $slots.footer() }}
    </div>
    {% endif %}
</div>

{# Usage: #}
{# {% component("card", {title: "My Card"}) %} #}
{#     This is the card content #}
{# {% endcomponent %} #}