Data-variant demo


<div data-array="Items" data-remove="1">
    <div data-variant="Car" class="alert alert-info">
        <div class="pull-right"><button data-action="delete"></button><button data-action="sort"></button></div>
        <label>This is a car</label>
        <input name="Reg" placeholder="Enter regno of car">
    </div>
    <div data-variant="Bike" class="alert alert-success">
        <div class="pull-right"><button data-action="delete"></button><button data-action="sort"></button></div>
        <label>This is an employee</label>
        <input name="Name" placeholder="Enter name of employee">
    </div>    
</div>

<button data-action="add" data-variant="Car" data-target="Items">Add car</button>
<button data-action="add" data-variant="Bike" data-target="Items">Add employee</button>
No JS code used for this example

Output templates

Templates used for document and web page generation:

Friendly Name File Name Template