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

{# Test: Macros #}
{% macro button(text, type="primary") %}
<button class="btn btn-{{ type }}">{{ text }}</button>
{% endmacro %}

{% macro input(name, type="text", placeholder="") %}
<input type="{{ type }}" name="{{ name }}" placeholder="{{ placeholder }}">
{% endmacro %}

{% macro card(title, content) %}
<div class="card">
    <h3>{{ title }}</h3>
    <div class="card-body">{{ content }}</div>
</div>
{% endmacro %}

{# Using macros #}
{{ button("Click Me") }}
{{ button("Submit", type="success") }}
{{ button("Cancel", type="danger") }}

{{ input("username", placeholder="Enter username") }}
{{ input("email", type="email", placeholder="Enter email") }}

{{ card("Welcome", "This is the card content") }}