<p>Add and remove items to the recursive list below:</p>
<ul data-array="Elements">
    <li>
        <span data-func="input" data-name="Text" data-placeholder="Enter text"></span>
        <button data-action="add" data-target="Elements">Add sub item</button>
        <button data-action="delete"></button>
        <ul data-array="Elements" data-type="Elements" data-template="Elements"></ul>
    </li>
</ul>
<button data-action="add" data-target="Elements">Add item</button>

Output templates

Templates used for document and web page generation: